良いプログラマのWebフロントエンドのチュートリアルを共有するDateオブジェクト

良いプログラマのWebフロントエンドのチュートリアルシェアDateオブジェクト、組み込みオブジェクトの日付Dateオブジェクトです:

(協定世界時協定世界時)UTCからの利用の種類第一(ゼロ)にミリ秒1970年1月の深夜の数は、日付を保存するために、経過しました。1970年1月1日の前または後に285616年に正確な日付タイプ日付を保存します。


日付オブジェクトがどのようにそれを使用するには?

まず、Dateオブジェクトを取得する必要があります


マイクロ得るために - チャネルと、

VARさd =新しいDate();


オブジェクトの作成日は、デフォルトで現在の時刻で返されたすべてのパラメータを渡さない場合には、


VARさd =新しいDate( '2015年12月2日');



着信パラメータの場合には、時間に渡され得ます。


注意:このパラメータは文字列です。


いくつかの方法:


1.d.getFullYear()は現在の年を取得します。|| d.setFullYear(2012)ために1970年1月1日を返す時間設定ミリ秒。


2.d.getMonthは、()(注意:小さなバグを、現在の月0から始まる)現在の月を取得します|| d.setMonth(9)現在の年に1970年1月1日を返しますが月に設定されたミリ秒数を;


3.d.getDate()は、現在の日付|| d.setDate()上記を取得します。


4.次に、getHours()を取得します

    getMinutes()分を取得します。

    getSeconds()は、秒を取得します。


各マシンの異なる取得時間、方法は、機械を返却する時間ですので、時間ではなく国際基準を。


変更日。

Date.parse(「2015年8月24日」)、設定時間を取得する1970ミリ。


d.getTime(); 1970ミリ秒の現在時刻を取得します。


d.setTime()

    新しい日付(時間)

    Dateオブジェクトを作成し、あなたがミリ秒数を指定することができる時間を指定

または属性、VARさd =新しいDate()の時間を変更し、d.setTime(56521211021)。 


ケース:


1.日付形式

<!DOCTYPE HTML>

<HTML>

<ヘッド>

<メタ文字セット= "UTF-8">

<タイトル>ドキュメント</ TITLE>

</ head>の

<身体>

</ BODY>

<スクリプト>

関数geshihua(){

VARさd =新しいDate();

VAR年= d.getFullYear();

VAR月= d.getMonth()+ 1。

VAR日= d.getDate();

VAR STR = '現在の時刻です:' '日付' +日+ '日' +月+ 'の' +年+

document.write(STR)。

}

geshihua()

</ SCRIPT>

</ HTML>

  1. 月の日数を取得します:

<!DOCTYPE HTML>

<HTML>

<ヘッド>

<メタ文字セット= "UTF-8">

<タイトル>ドキュメント</ TITLE>

<スクリプト>

関数日(年、月){

VAR STR =年+ '/' +月+ '/ 1';

VARさd =新しいDate(文字列);

VAR月= d.getMonth();

VaRのMonthMin = d.setMonth(月);

VAR MonthMin2 = d.setMonth(月+ 1)。

MONTHDAY = MonthMin2だった - MonthMin

(MONTHDAY / 24/60分の60/1000)警告

}

日( '2014'、 '2')

</ SCRIPT>

</ head>の

<身体>

</ BODY>

</ HTML>

  1. 日付の差を計算

<!DOCTYPE HTML>

<HTML>

<ヘッド>

<メタ文字セット= "UTF-8">

<タイトル>ドキュメント</ TITLE>

<スタイル>

.btn {

背景:なし。

国境:1pxの固体#1 b6b6b6;

表示ブロック;

高さ:40ピクセル;

マージン:40ピクセルオート;

}

</スタイル>

</ head>の

<身体>

<DIV ID = "DIV1">

<input type = "text" プレースホルダ= 'スタートの年'>

<input type = "text" プレースホルダ= '開始月'>

<input type = "text" プレースホルダは、= '開始日'> ||

<input type = "text" プレースホルダ= '終端年'>

<input type = "text" プレースホルダ= '終端月'>

<input type = "text" プレースホルダ= '終了日'>

</ div>

<input type = "ボタン" 値= '日付計算ギャップ' のonclick = 'jisuanriqi()'>

</ BODY>

<スクリプト>

関数jisuanriqi(){

服装のVAR =のdocument.getElementById( 'DIV1');

VAR aInput = oDiv.getElementsByTagName( '入力')。

qishiArrました= [];

VAR zhongzhiArr = [];

{(; iはaInput.lengthを<I ++がVAR I = 0)のための

IF(iは3 <){

qishiArr [I] = aInput [I] .VALUE。

}他{

zhongzhiArr [I] = aInput [I] .VALUE。

}

}

VaRのSTR1 = qishiArr.join( '/');

VaRのSTR2 = zhongzhiArr.join( '/');

VARさd1 =新しいDate(STR1)。

VARさd2 =新しいDate(STR2)。

警告(D1 + ":" + D2)

VAR日= Math.abs(d1.getTime() - d2.getTime())/ 1000/60分の24/60;

警告(日)

}

</ SCRIPT>

</ HTML>


おすすめ

転載: blog.51cto.com/14249543/2411595