超実用的なJavaScript時間処理の概要

序文

フロントエンドのJavaScript開発では、日付と時刻の処理の問題に遭遇することがよくあります。多くの場合、多くの処理関数を使用して、簡単な日付と時刻の表示効果を完了します。 Webサイトの開発速度を改善するために、メインコードを別の関数でカプセル化し、必要に応じて直接呼び出すことができます。要約した時期の処理クラスを見てみましょう。必要なときに直接呼び出すだけです。

 var mydate = new date（）; mydate.getyear（）; //現在の年（2桁）mydate.getTryear（）を取得します。 //通年（4桁、1970  -  ????）を取得しますmydate.getmonth（）; //現在の月を取得します（0-11、0は1月を表します）mydate.getDate（）; //現在の日（1-31）mydate.getDay（）を取得します。 //現在の週xを取得します（0-6、0は日曜日を表します）mydate.gettime（）; //現在の時間（1970.1.1から始まるミリ秒）を取得しますmydate.gethours（）; //現在の時間数（0-23）mydate.getMinutes（）を取得します。 //現在の分数（0-59）mydate.getSeconds（）を取得します。 //現在の秒数（0-59）mydate.getMilliseConds（）を取得します。 //現在のミリ秒（0-999）mydate.tolocaledAtestring（）を取得します。 //現在の日付を取得var mytime = mydate.tolocaletimestring（）; //現在の時刻mydate.tolocalestring（）を取得します。 //現在の時刻mydate.tolocalestring（）を取得します。 //現在の時刻mydate.tolocalestring（）を取得します。 //スクリプトライブラリメソッドの日付を取得する日付date.prototype.isleapyear裁判官exe Year date.prototype.format format format date.dateadd Date Calculation date.datediff.datediff.prototype.tosttring to String.prototype.tototytotypate date.prototype.maxdayofdate日付が日付である月の最大日数を取得します。prototype.weeknumofyearは、日付が文字列型inistodate inistodate inistodate inistodate verify verify date checkdatime checkdatime check check days day dase firmeary js js js js js js js code://--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Judge leap year //---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ss/ss/s/s seconds//----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 100））; str = str.replace（/mm/,this.getmonth（）> 9？this.getMonth（）。toString（）： '0' + this.getMonth（））; str = str.replace（/m/g、this.getmonth（））; str = str.replace（/w | w/g、week [this.getDay（）]）; str = str.replace（/dd|dd/,this.getdate（）> 9？this.getDate（）。toString（）： '0' + this.getDate（））; str = str.replace（/d|d/g、this.getdate（））; str = str.replace（/hh|hh/,this.gethours（）> 9？this.gethours（）。toString（）： '0' + this.gethours（））; str = str.replace（/h|h/g、this.gethours（））; str = str.replace（/mm/、this.getminutes（）> 9？this.getMinutes（）。toString（）： '0' + this.getMinutes（））; str = str.replace（/m/g、this.getminutes（））; str = str.replace（/ss|ss/,this.getSeconds（）> 9？this.getSeconds（）。toString（）： '0' + this.getSeconds（））; str = str.replace（/s|s/g、this.getseconds（））; strを返します。 } //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- dateone.substring（5、dateone.lastindexof（ ' - '））; var oneday = dateone.substring（dateone.length、dateone.lastindexof（ ' - '）+1）; var oneyear = dateone.substring（0、dateone.indexof（ ' - '））; var twomonth = datetwo.substring（5、datetwo.lastindexof（ ' - '））; var twoday = datetwo.substring（datetwo.length、datetwo.lastindexof（ ' - '）+1）; var twoyear = datetwo.substring（0、datetwo.indexof（ ' - '））; var cha =（（date.parse（onemonth+'/'+oneday+'/'+oneyear） -  date.parse（twomonth+'/'+twoday+'/'+twoyear）/86400000）; return math.abs（cha）; } //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ var dtTmp = this; switch（strinterval）{case 's'：new date（date.parse（dttmp） +（1000 * number））; case 'n'：new date（date.parse（dttmp） +（60000 * number））を返します。 case 'h'：new Date（date.parse（dttmp） +（3600000 * number））を返します。 case 'd'：new date（date.parse（dttmp） +（86400000 * number））を返します。ケース 'W'：new Date（date.Parse（dttmp） +（86400000 * number））を返します。ケース 'W'：new Date（date.Parse（dttmp） +（86400000 * number））を返します。ケース 'W'：new Date（date.Parse（dttmp） +（86400000 * number））を返します。ケース 'W'：new Date（date.Parse（dttmp） +（86400000 * number））を返します。 case 'w'：new date（date.parse（dttmp） +（86400000 * number））を返します。ケース 'W'：new Date（date.Parse（dttmp） +（86400000 * number））を返します。 case 'w'：new Dateを返します（date.parse（dttmp） +（（86400000 * 7） * number））;ケース 'Q'：new Date（dttmp.getFullyear（）、（dttmp.getMonth（）） + number*3、dttmp.getDate（）、dttmp.gethours（）、dttmp.getminutes（）、dttmp.getSeconds（））; case 'm'：new Date（dttmp.getWorthearear（）、（dttmp.getmonth（）） + number、dttmp.getdate（）、dttmp.gethours（）、dttmp.getminutes（）、dttmp.getSeconds（））;ケース 'Y'：new Date（（dttmp.getFullyear（） + number）、dttmp.getmonth（）、dttmp.getDate（）、dttmp.gethours（）、dttmp.getminutes（）、dttmp.getSeconds（））; } } //+---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- The format is date type or valid date format string //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 60000）;ケース 'H'：parseint（（dtend -dtstart） / 3600000）を返します。 case 'd'：parseint（（dtend -dtstart） / 86400000）を返します。ケース 'W'：parseint（（dtend -dtstart） /（86400000 * 7））を返します。 case 'm'：return（dtend.getMonth（）+1）+（（dtend.getTullyear（） -  dtstart.getCluly（））*12） - （dtstart.getMonth（）+1）; case 'y'：dtend.getFullyear（）-DtStart.getClutionEar（）を返します。 }} //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- + = 'week' + week [mydate.getDay（）]; } return str; } //+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- //フォーマットがyyyyを満たしている場合 - （/）mm  - （/）ddまたはyyyy-（/）m  - （/）ddまたはyyyy-（/）m  - （/）dまたはyyyy-（/）mm  - （/）d、それはデータベースで '' // '// be wielmm/dd（yyymm/dd（yymm/dd）に置き換えられます。自動的にyyyy-mm-dd形式に変換されますvar s = sdate.replace（/d] {4,4} [/ - /] {1} [/d] {1,2} [/ - /] {1} [/d] {1,2}/g、 ''）; if（s == ''）//命令形式は、yyy-mm-ddまたはyyyy-m-ddまたはyyyy-mdまたはyyyy-mm-d {var t = new date（sdate.replace（//  - /g、 '/'））を満たします。 var ar = sdate.split（/[ - /：]/）; if（ar [0]！= t.getyear（）|| ar [1]！= t.getmonth（）+1 || ar [2]！= t.getdate（））{// alert（ '間違った日付形式！yyyy-mm-ddまたはyyyy/mm/dd。 falseを返します。 }} else {// alert（ '間違った日付形式！フォーマットは次のとおりです。yyyy-mm-ddまたはyyyy/mm/dd。LeapYear。'）; falseを返します。 } trueを返します。 } //+--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- }）$/; var r = str.match（reg）; if（r == null）falseを返します。 r [2] = r [2] -1; var d = new Date（r [1]、r [2]、r [3]、r [4]、r [5]、r [6]）; if（d.getWeerear（）！= r [1]）falseを返します。 if（d.getmonth（）！= r [2]）falseを返します。 if（d.getdate（）！= r [3]）falseを返します。 if（d.gethours（）！= r [4]）falseを返します。 if（d.getMinutes（）！= r [5]）falseを返します。 if（d.getSeconds（）！= r [6]）falseを返します。 trueを返します。 } //+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- myArray [3] = mydate.gethours（）; myArray [4] = mydate.getMinutes（）; myArray [5] = mydate.getSeconds（）; MyArrayを返します。 } //+----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Week = ['day'、 'one'、 'two'、 'three'、 'four'、 'five'、 'six']; switch（interval）{case 'y'：partstr = mydate.getTullyear（）; break; case 'm'：partstr = mydate.getmonth（）+1; break; case 'd'：partstr = mydate.getDate（）; break; case 'w'：partstr = week [mydate.getday（）]; break;ケース 'ww'：partstr = mydate.weeknumofyear（）; break; case 'h'：partstr = week [mydate.getday（）]; break;ケース 'ww'：partstr = mydate.weeknumofyear（）; break; case 'h'：partstr = mydate.gethours（）; break; case 'n'：partstr = mydate.getMinutes（）; break; case 's'：partstr = mydate.getSeconds（）; break; } partstrを返します。 } //+-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- （新しい日付（ary [0]、ary [1] +1,1））; var date2 = date1.dateadd（1、 'm'、1）; var result = datediff（date1.format（ 'yyyy-mm-dd'）、date2.format（ 'yyyy-mm-dd'））;返品結果; } //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ a y = mydate.toarray（）; var year = ary [0]; var month = ary [1] +1; var day = ary [2]; document.write（ '<スクリプト言語= vbscript/n'）; document.write（ 'mydate = datue（' '+month+'  -  '+day+'  -  '+year+' '） /n'）; document.write（ 'result = datepart（' ww '、mydate） /n'）; document.write（ ' /n'）;返品結果; } //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Convert string to date type //|フォーマットmm/dd/yyyy mm-dd-yyy yyyy/mm/dd yyyy-mm-dd //+------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------日付（arys [0]、 -  arys [1]、arys [2]）; } mydateを返します。 }表示する：現在の日付プラス時間（2009-06-12 12:00など）関数currentTime（）{var now = new date（）; var year = now.gettlyear（）; // year var month = now.getmonth（） + 1; //月var day = now.getDate（）; // day var hh = now.gethours（）; // time var mm = now.getMinutes（）; // minute var clock = year + " - "; if（月<10）clock += "0"; clock + = month + " - "; if（day <10）clock += "0";クロック + = day + ""; if（hh <10）clock += "0"; clock + = hh + "："; if（mm <10）clock += '0';クロック += mm; return（clock）; }

要約します

上記は、JavaScript時間処理の要約の完全な内容です。将来、JavaScriptを使用してすべての人に役立つことを願っています。