JavaScriptで日時を取得するにはどうすればいいですか？

JavaScriptで日付と時刻を取得する方法

JavaScriptで日付と時刻を取得する方法

JavaScriptで現在の日付と時刻を取得するには、Dateオブジェクトを使用します。 Dateオブジェクトは、年、月、日、時、分、秒、ミリ秒などの日付と時刻に関する情報を保持し、操作するためのメソッドを提供します。

現在の日時を取得する

新しいDateオブジェクトを作成すると、現在の時刻を表すオブジェクトが作成されます。 new Date() コンストラクタを使用します。

<script>
    const now = new Date();
    console.log(now); // 例: Tue Oct 24 2023 14:35:12 GMT+0900 (日本標準時)
  </script>

日付と時刻の情報を個別に取得する

Dateオブジェクトから、年、月、日、時、分、秒などを個別に取得するには、以下のメソッドを使用します。

メソッド 説明
getFullYear() 年 (4桁) を取得
getMonth() 月 (0 から 11) を取得
getDate() 日 (1 から 31) を取得
getHours() 時 (0 から 23) を取得
getMinutes() 分 (0 から 59) を取得
getSeconds() 秒 (0 から 59) を取得
getMilliseconds() ミリ秒 (0 から 999) を取得
getDay() 曜日 (0: 日曜日 から 6: 土曜日) を取得 
<script>
    const now = new Date();

    const year = now.getFullYear();
    const month = now.getMonth() + 1; // 月は0から始まるため、1を加算
    const date = now.getDate();
    const hours = now.getHours();
    const minutes = now.getMinutes();

    console.log(`${year}年${month}月${date}日 ${hours}:${minutes}`);
  </script>

日付と時刻の書式設定

日付と時刻の書式をカスタマイズするには、toLocaleDateString()やtoLocaleTimeString()などのメソッドを使用します。

<script>
    const now = new Date();

    const formattedDate = now.toLocaleDateString('ja-JP'); // 日本語のロケールで日付を書式設定
    console.log(formattedDate); // 例: 2023年10月24日

    const formattedTime = now.toLocaleTimeString('ja-JP'); // 日本語のロケールで時刻を書式設定
    console.log(formattedTime); // 例: 14:35:12
  </script>

参考資料

よくある質問

Q1: getMonth() が 0 から始まるのはなぜですか？

A1: JavaScript の Date オブジェクトは、Java の Date クラスを基にしています。Java では、月は 0 から始まるように設計されています。これは、当時のプログラミング言語では配列のインデックスが 0 から始まることが一般的だったためと考えられます。

Q2: 特定の日付の Date オブジェクトを作成するにはどうすればよいですか？

A2: new Date(year, month, date, hours, minutes, seconds, milliseconds) コンストラクタを使用します。ただし、month は 0 から始まることに注意してください。

Q3: 日付と時刻の計算を行うにはどうすればよいですか？

A3: Date オブジェクトの getTime() メソッドを使用してミリ秒単位のタイムスタンプを取得し、計算を行うことができます。計算結果を新しい Date オブジェクトに渡すことで、日付と時刻に変換できます。

その他の参考記事:JavaScript Date の日付オブジェクト