JavaScriptの日期(Date)

JavaScriptの日付と時刻

JavaScriptのDateオブジェクトを使用して日付を処理できます。

JavaScriptで日历、電車時刻表や約会設定用のウェブインターフェースを作成したい場合があります。

これらのアプリケーションは、ユーザーの現在の時区に応じた時間を表示する必要があります。

Tue Aug 11 2020 22:34:40 GMT+0800 (中国標準時)

Dateオブジェクト

DateオブジェクトJavaScriptの内蔵オブジェクトで日付と時刻を保存します。

多くのフォーマット化とデータ管理の内蔵メソッドを提供します。

Dateオブジェクトはnew Date()構造関数を使用して作成されます。

let now = new Date();//　変数に現在の日付と時刻を設定します

デフォルトでは、JavaScriptはブラウザの時区を使用して日付を完全な文字列として表示します。

Dateオブジェクトの作成

新しいDateオブジェクトを作成する方法が4種類あります。

new Date()構造関数を使用してDateオブジェクトを作成するために以下のいずれかの構文を使用できます。

　　new Date();
　　new Date(milliseconds);
　　new Date(dateString);
　　new Date(year, month, day, hours, minutes, seconds, milliseconds);

new Date()

new Date()で現在の日付と時刻を新しいDateオブジェクトを作成します：

let　d　=　new　Date();

new Date(milliseconds)

new Date(milliseconds) は、0時間に加えたミリ秒を持つ新しい日付オブジェクトを作成します：

let　d　=　new　Date(0);

JavaScriptはUnix時間スタンプから日付を理解し、その時間スタンプは1970年1getUTCMonth()1日午前0時から経過したミリ秒で構成されています。

1970年1getUTCMonth()1日を加え、252 4600000000ミリ秒は、2050年1getUTCMonth()1日：

let　d　=　new　Date(2524600000000);

new Date(dateString)

new Date(dateString) は、日付文字列から新しい日付オブジェクトを作成します：

let　d　=　new　Date("July　30　1992　18:30");

new Date(year, month, ...)

指定された日付と時間を持つ新しい日付オブジェクトを生成します：new Date(year, month, ...)

7数字で年、月、日、時間、分、秒、ミリ秒を指定します（この順序で）：

let　d　=　new　Date(2019,　0,　26,　10,　40,　30,　0);

上記の例では、私たちの秒とミリ秒は設定されています30と0。

日付を作成する際に数字が欠けている場合は、デフォルトで0になります。

ただし、順序は変更できないため、数字を省略することを忘れないでください。

また、1月の月は通常の1。

これは、多くのプログラミングでのカウントと同様に、日付と時間の数字が0から始まるためです。

JavaScriptの月は0から11。1月が0、12月が11。

日付メソッド

Dateオブジェクトを作成するときは、さまざまな方法を使用して操作できます。

日付メソッドを使用して、ローカル時間またはUTC（一般またはGMT）時間を使用して、取得および設定日付、年、月、日、時、分、秒、ミリ秒。

日付の取得（取得）

オブジェクト日付が得られた後、日付のすべてのコンポーネントにアクセスするためのさまざまな内蔵メソッドを使用できます。

これらのメソッドは、ローカル時区に基づく日付の各部分を返します。

これらの各メソッドは、get最初の値を指定し、相対的なインデックスを返します。

以下はDateオブジェクトのgetメソッドの表：

getFullYear()メソッド

getFullYear()メソッドは4桁の数字で日付の年を返します。

var　d　=　new　Date();
d.getFullYear();

getMonth()メソッド

getMonth()メソッドは数字(0から11)で年の月を返します。

var　d　=　new　Date();
d.getMonth();

JavaScriptの月は0から11。1月が0、12月が11。

以下の例では、month変数が月の名前を保存します：

var　arr　=　["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var　d　=　new　Date();
var　month　=　arr[d.getMonth()];

getDate()メソッド

getDate()メソッドは数字(1-31)の形式で月の特定の日を返します。

var　d　=　new　Date();
d.getDate();

getDay()メソッド

getDay()メソッドは数字(0-6)で曜日を返します。

var　d　=　new　Date();
d.getDay();

JavaScriptは、工作日を0から6をカウントします。日曜日が0、土曜日が6。

以下の例では、Today変数が日付名を保存します：

var　arr　=　['Sun',　'Mon',　'Tue',　'Wed',　'Thu',　'Fri',　'Sat'];
var　d　=　new　Date();
var　today　=　arr[d.getDay()];

getHours()メソッド

getHours()メソッドは日付の時間を数字(0-23)。

var　d　=　new　Date();
d.getHours();

getMinutes()メソッド

getMinutes()メソッドは日付の分を数字(0-59)。

var　d　=　new　Date();
d.getMinutes();

getSeconds()メソッド

getSeconds()メソッドは日付の秒数を数字(0-59)。

var　d　=　new　Date();
d.getSeconds();

getMilliseconds()メソッド

getMilliseconds()メソッドは数字(0-999)の形式で日付のミリ秒数を返します。

var　d　=　new　Date();
d.getMilliseconds();

getTime()メソッド

getTime()方法は、1970年1getUTCMonth()1日からのミリ秒数。

var　d　=　new　Date();
d.getTime();

一日(24時間)として8,640万ミリ秒。

変更日付(設定)

私たちが学んだすべてのget方法には、対応するset方法。

もし使用する場合get特定の日付の一部を検索する場合は、使用しますset日付の一部を変更するために使用されます。

以下はDateオブジェクトのsetメソッドの表：

setFullYear()メソッド

setFullYear()メソッドは日期对象的年を設定します。

var　d　=　new　Date();
d.setFullYear(2010);

setFullYear()メソッドは月と日を選択して設定できます。

var　d　=　new　Date();
d.setFullYear(2010,　8,　30);

setMonth()メソッド

setMonth()メソッドは日期对象的月を設定します（-11)。

var　d　=　new　Date();
d.setMonth(11);

setDate()メソッド

setDate()メソッドは日期对象的月の特定の日を設定します（1-31)。

var　d　=　new　Date();
d.setDate(22);

setHours()メソッド

setHours()メソッドは日期对象の時間（0-23)。

var　d　=　new　Date();
d.setHours(18);

setMinutes()メソッド

setMinutes()メソッドは日期对象的分（0-59)。

var　d　=　new　Date();
d.setMinutes(32);

setSeconds()メソッド

setSeconds()メソッドは日期对象的秒数（0-59)。

var　d　=　new　Date();
d.setSeconds(24);

setMilliseconds()メソッド

setMilliseconds()メソッドは日期对象的ミリ秒数（0-999)。

var　d　=　new　Date();
d.setMilliseconds(420);
document.getElementById('result').innerHTML　=　d.getMilliseconds();

setTime()メソッド

setTime()メソッドはDateオブジェクトを1970年1getUTCMonth()1日からのミリ秒数。

var　d　=　new　Date();
d.setTime(1542655292087);

UTCを使用した日付メソッド

　 　 先ほど議論したgetメソッドはユーザーのローカル時区設定に基づいて日付コンポーネントを検索します。

日付と時間をより明確に指定するために、使用できますgetUTCメソッド、このメソッドはgetメソッドと完全に同じですが、UTC（世界標準時）基準で時間を計算する点が異なります。

以下はJavaScript DateオブジェクトのUTCメソッドの表です：

ローカル時間（local）とUTC getメソッドの違いを知るために、以下のコードを実行できます：

let now = new Date();
//　ローカル時間（local）とUTC時区（UTC）を印刷
document.write(now.getHours());
document.write(now.getUTCHours());

このコードを実行すると、現在の時間およびUTC時区の時間が印刷されます。UTC時区にいる場合、上記のプログラムから出力される数字は同じです。

さらに多くの例

この例では、JavaScriptが現在の時間を表示しています。

完全な日付リファレンス

完全な属性とメソッドのリファレンスを取得するには、私たちのJavaScript 日付リファレンス。

参考部分には、すべてのDate属性とメソッドの説明と例が含まれています。