Date

JavaScript の Date オブジェクトは、単一の瞬間の時刻をプラットフォームに依存しない形式で表します。 Date オブジェクトは協定世界時 (UTC) の 1970 年 1 月 1 日からの経過ミリ秒数を表す Number の値を含んでいます。

メモ: TC39 は Temporal という、新しい日付/時刻の API を開発しています。これについて詳しくは Igalia のブログを参照してください。まだ正式利用の準備はできていません。

解説

ECMAScript 元期 とタイムスタンプ

JavaScript の日時は基本的に、 ECMAScript 元期 、すなわち協定世界時 (UTC) の 1970 年 1 月 1 日深夜 0 時(UNIX 元期と同等)からの経過ミリ秒数で示されます。

メモ: Date オブジェクトの中心となる時間値は UTC ですが、日付と時刻、またはその一部を取得する基本的なメソッドは、すべて地方時(ホストシステムなど)のタイムゾーンとオフセットで動作することを覚えておくことが重要です。

Date の最大値は、確実な整数の最大値 (Number.MAX_SAFE_INTEGER、9,007,199,254,740,991) と同じ値ではないことに注意が必要です。代わりに ECMA-262 では、 UTC の 1970 年 1 月 1 日から前後 ±100,000,000 (1 億) 日(つまり、紀元前 271821 年 4 月 20 日 - 紀元 275760 年 9 月 13 日)を標準の Date オブジェクトで表すことができると定義しています。

日時形式とタイムゾーンの変換

様々な形式で日時を取得したり、タイムゾーンの変換を行ったりすることができる方法はたくさんあります。特に便利なのは、世界時標準 (World Time Standard) で定義されている世界標準時である協定世界時 (UTC) で日付と時刻を出力する関数です。(この時間は歴史的にグリニッジ標準時として知られており、 UTC はイギリスのロンドンとその近くのグリニッジを含む子午線に沿って位置しています。)ユーザーの端末は現地時間を提供します。

地方時の日付と時刻の個々の部分を読み書きするメソッド(getDay()setHours() など)に加えて、 UTC を使用して日付と時刻を読み書きする同等のメソッド(getUTCDay()setUTCHours() など)もあります。

コンストラクター

Date()

関数として呼び出された場合、現在の日付と時刻の文字列表現を返します。すべての引数は無視されます。この結果は new Date().toString() を実行するのと同じです。

new Date()

コンストラクターとして呼び出された場合、新しい Date オブジェクトを返します。

静的メソッド

Date.now()

現在の時刻に対応する数値、すなわち UTC の 1970 年 1 月 1 日 00:00:00 から経過したミリ秒数を表す数値を返します。うるう秒は無視します。

Date.parse()

日付を表す文字列を解釈して、地方時で 1970 年 1 月 1 日 00:00:00 から経過したミリ秒数を表す数値を返します。うるう秒は無視します。

メモ: ブラウザーごとに動作が異なり一貫性がないため、 Date.parse で文字列を解釈しないことを強く推奨します。

Date.UTC()

最も長い形式のコンストラクターと同じ引数(すなわち 2 〜 7)を受け取り、 1970 年 1 月 1 日 00:00:00 (UTC)から経過したミリ秒数を返します。うるう秒は無視します。

インスタンスメソッド

Date.prototype.getDate()

地方時に基づき、指定された日時の「日」 (131) を返します。

Date.prototype.getDay()

地方時に基づき、指定された日時の「曜日」 (06) を返します。

Date.prototype.getFullYear()

地方時に基づき、指定された日時の「年」 (4 桁の年であれば 4 桁) を返します。

Date.prototype.getHours()

地方時に基づき、指定された日時の「時」 (023) を返します。

Date.prototype.getMilliseconds()

地方時に基づき、指定された日時の「ミリ秒」 (0999) を返します。

Date.prototype.getMinutes()

地方時に基づき、指定された日時の「分」 (059) を返します。

Date.prototype.getMonth()

地方時に基づき、指定された日時の「月」 (011) を返します。

Date.prototype.getSeconds()

地方時に基づき、指定された日時の「秒」 (059) を返します。

Date.prototype.getTime()

指定された日時を協定世界時 (UTC) の 1970 年 1 月 1 日 00:00:00 からの経過ミリ秒単位の数値で返します。 (それ以前の時刻では負の数を返します。)

Date.prototype.getTimezoneOffset()

現地の時間帯のオフセットを分で返します。

Date.prototype.getUTCDate()

協定世界時に基づき、指定された日時の「日」 (131) を返します。

Date.prototype.getUTCDay()

協定世界時に基づき、指定された日時の「曜日」 (06) を返します。

Date.prototype.getUTCFullYear()

協定世界時に基づき、指定された日時の「年」 (4 桁の年であれば 4 桁) を返します。

Date.prototype.getUTCHours()

協定世界時に基づき、指定された日時の「時」 (023) を返します。

Date.prototype.getUTCMilliseconds()

協定世界時に基づき、指定された日時の「ミリ秒」 (0999) を返します。

Date.prototype.getUTCMinutes()

協定世界時に基づき、指定された日時の「分」 (059) を返します。

Date.prototype.getUTCMonth()

協定世界時に基づき、指定された日時の「月」 (011) を返します。

Date.prototype.getUTCSeconds()

協定世界時に基づき、指定された日時の「秒」 (059) を返します。

Date.prototype.getYear() 非推奨

地方時に基づき、指定された日時の「年」 (ふつうは 2–3 桁) を返します。代わりに getFullYear() を使用してください。

Date.prototype.setDate()

地方時に基づき、指定された日時の「日」を設定します。

Date.prototype.setFullYear()

地方時に基づき、指定された日時の「年」を完全な形 (例えば、 4 桁の年であれば 4 桁) で設定します。

Date.prototype.setHours()

地方時に基づき、指定された日時の「時」を設定します。

Date.prototype.setMilliseconds()

地方時に基づき、指定された日時の「ミリ秒」を設定します。

Date.prototype.setMinutes()

地方時に基づき、指定された日時の「分」を設定します。

Date.prototype.setMonth()

地方時に基づき、指定された日時の「月」を設定します。

Date.prototype.setSeconds()

地方時に基づき、指定された日時の「秒」を設定します。

Date.prototype.setTime()

Date オブジェクトを協定世界時(UTC) の 1970 年 1 月 1 日 00:00:00 からのミリ秒単位の数で表された時刻に設定します。

Date.prototype.setUTCDate()

協定世界時に基づき、指定された日時の「日」を設定します。

Date.prototype.setUTCFullYear()

協定世界時に基づき、指定された日時の「年」を完全な形で設定します。

Date.prototype.setUTCHours()

協定世界時に基づき、指定された日時の「時」を設定します。

Date.prototype.setUTCMilliseconds()

協定世界時に基づき、指定された日時の「ミリ秒」を設定します。

Date.prototype.setUTCMinutes()

協定世界時に基づき、指定された日時の「分」を設定します。

Date.prototype.setUTCMonth()

協定世界時に基づき、指定された日時の「月」を設定します。

Date.prototype.setUTCSeconds()

協定世界時に基づき、指定された日時の「秒」を設定します。

Date.prototype.setYear() 非推奨

協定地方時に基づき、指定された日時の「年」 (ふつうは 2–3 桁) を設定します。代わりに setFullYear() を使用してください。

Date.prototype.toDateString()

Date の「日付」部を、 'Thu Apr 12 2018' のように人間が読みやすい形式の文字列にして返します。

Date.prototype.toISOString()

日付を ISO 8601 Extended Format に準じた文字列に変換します。

Date.prototype.toJSON()

toISOString() を使用して Date を表す文字列を返します。JSON.stringify() の代わりに使用してください。

Date.prototype.toGMTString() 非推奨

GMT (UTC) タイムゾーンを基準にした Date を表す文字列を返します。代わりに toUTCString() を使用してください。

Date.prototype.toLocaleDateString()

この日時の日付部分を、システム設定に基づいて地域性を考慮した表現による文字列にして返します。

Date.prototype.toLocaleString()

日付を地域の日付書式に従った文字列に変換して返します。Object.prototype.toLocaleString() メソッドを上書きします。

Date.prototype.toLocaleTimeString()

この日時の時刻部分を、システム設定に基づいて地域性を考慮した表現による文字列にして返します。

Date.prototype.toString()

指定された Date オブジェクトを表す文字列を返します。 Object.prototype.toString() メソッドを上書きします。

Date.prototype.toTimeString()

Date の「時刻」部を人間が読みやすい形式の文字列にして返します。

Date.prototype.toUTCString()

日時を UTC タイムゾーンを使用する文字列に変換します。

Date.prototype.valueOf()

Date オブジェクトのプリミティブ値を返します。Object.prototype.valueOf() メソッドを上書きします。

Date オブジェクトを生成するいくつかの方法

以下の例で、 JavaScript の日時を生成するいくつかの方法を示します。

メモ: Date コンストラクター(および Date.parse と同等)で日付文字列を解釈する際には、常に入力が ISO 8601 形式 (YYYY-MM-DDTHH:mm:ss.sssZ) であることを確認してください。他の形式で解釈した場合には、その挙動は実装によって定義されていて、すべてのブラウザーで動くとは限りません。多数の異なる形式に対応するためには、ライブラリーが役に立ちます。

js
const today = new Date();
const birthday = new Date("December 17, 1995 03:24:00"); // 避けてください。すべてのランタイムで動作するとは限りません。
const birthday2 = new Date("1995-12-17T03:24:00"); // これは ISO8601 互換であり、動作が信頼できます
const birthday3 = new Date(1995, 11, 17); // 月は 0 起点です
const birthday4 = new Date(1995, 11, 17, 3, 24, 0);
const birthday5 = new Date(628021800000); // 元期からのタイムスタンプ

toString メソッドの返値の形式

js
const date = new Date("2020-05-12T23:50:21.817Z");
date.toString(); // Tue May 12 2020 18:50:21 GMT-0500 (Central Daylight Time)
date.toDateString(); // Tue May 12 2020
date.toTimeString(); // 18:50:21 GMT-0500 (Central Daylight Time)
date.toISOString(); // 2020-05-12T23:50:21.817Z
date.toUTCString(); // Tue, 12 May 2020 23:50:21 GMT
date.toGMTString(); // Tue, 12 May 2020 23:50:21 GMT
date.toJSON(); // 2020-05-12T23:50:21.817Z
date.toLocaleString(); // 5/12/2020, 6:50:21 PM
date.toLocaleDateString(); // 5/12/2020
date.toLocaleTimeString(); // 6:50:21 PM

年月日や時刻の取得

js
const date = new Date();
const [month, day, year] = [
  date.getMonth(),
  date.getDate(),
  date.getFullYear(),
];
const [hour, minutes, seconds] = [
  date.getHours(),
  date.getMinutes(),
  date.getSeconds(),
];

2 桁の年の補完

new Date() は 2 桁の年の値に対して、古くで望ましくない一貫性のない挙動を示します。具体的には、 new Date() の呼び出しに 2 桁の年の値が与えられた場合、その年の値はリテラルの年として扱われず、そのまま使用され、代わりに相対的なオフセットとして解釈されます。ある場合には 1900 年からのオフセットとなりますが、またある場合には 2000 年からのオフセットになります。

js
let date = new Date(98, 1); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
date = new Date(22, 1); // Wed Feb 01 1922 00:00:00 GMT+0000 (GMT)
date = new Date("2/1/22"); // Tue Feb 01 2022 00:00:00 GMT+0000 (GMT)

// 古い方法。常に 2 桁の年の値を 1900 からの相対値として解釈する
date.setYear(98);
date.toString(); // Sun Feb 01 1998 00:00:00 GMT+0000 (GMT)
date.setYear(22);
date.toString(); // Wed Feb 01 1922 00:00:00 GMT+0000 (GMT)

西暦 0 年から 99 年までの間の年を生成および取得するには、setFullYear() メソッドと getFullYear() メソッドを使用してください。

js
// 推奨されるメソッドです。どんな値でも相対オフセットではなく、そのまま
// 年として解釈します。
date.setFullYear(98);
date.getFullYear(); // 98 (not 1998)
date.setFullYear(22);
date.getFullYear(); // 22 (not 1922, not 2022)

経過時間の計算

以下の例で、2 つの JavaScript の日付の間で経過した時間を計る方法を示します。

日 (夏時間の切り替えによる)、月、年の長さが異なるため、経過時間を時、分、秒以上の単位で表現するには、いくつかの問題に対処する必要がありますので、事前によく調べて使用してください。

js
// Date オブジェクトを使用
const start = Date.now();

// 時間を計りたいイベントをここに置く
doSomethingForALongTime();
const end = Date.now();
const elapsed = end - start; // ミリ秒単位の経過時間
js
// 組み込みメソッドを使用
const start = new Date();

// 時間を計りたいイベントをここに置く
doSomethingForALongTime();
const end = new Date();
const elapsed = end.getTime() - start.getTime(); // ミリ秒単位の経過時間
js
// 関数をテストして返値を取得する
function printElapsedTime(testFn) {
  const startTime = Date.now();
  const result = testFn();
  const endTime = Date.now();

  console.log(`Elapsed time: ${String(endTime - startTime)} milliseconds`);
  return result;
}

const yourFunctionReturn = printElapsedTime(yourFunction);

メモ: Web Performance API の高精度時刻機能に対応しているブラウザーでは、 Performance.now() で、 Date.now() よりも高信頼かつ高精度な経過時間の測定が可能です。

ECMAScript 元期からの経過秒数を取得する

js
const seconds = Math.floor(Date.now() / 1000);

この場合、整数だけを返すことが重要です(単純な除算ではできません)。また、実際に経過した秒数を返すことも重要です(ですから、上の例では Math.round() ではなく Math.floor() を使っています)。

仕様書

Specification
ECMAScript Language Specification
# sec-date-objects

ブラウザーの互換性

BCD tables only load in the browser

関連情報

  • Date() コンストラクター