JavaScript は現在の日時を取得する

Harshit Jindal 2023年10月12日
  1. JavaScript で getDate()getMonth() および getYear() メソッドを使用して現在の日付を取得する
  2. JavaScript で Date.toDateString() メソッドを使用して現在の日付を取得する
  3. JavaScript で Date.toISOString() メソッドを使用して現在の日付を取得する
  4. JavaScript で組み込みメソッド toLocaleDateString() を使用して現在の日付を取得する
JavaScript は現在の日時を取得する

最新の Web では、使用するほとんどすべての Web サイトが JavaScript を使用して構築されています。ユーザーの訪問の日時は、ユーザーの閲覧パターンの記録を維持するために重要です。JavaScript は、現在の日付と時刻を取得するために使用できる Date オブジェクトを提供します。次に、日付と時刻を任意の形式で抽出できます。このチュートリアルでは、要件に応じて JavaScript で現在の日付を取得するさまざまな方法を説明します。

JavaScript で getDate()getMonth() および getYear() メソッドを使用して現在の日付を取得する

このアプローチでは、それぞれの方法を使用して日付のさまざまな部分を取得します。日付は getDate() を使用して抽出され、月は getMonth() を使用して抽出され、年は getYear() メソッドを使用して抽出されます。抽出された月は 0 のインデックスが付けられているため、現在の月を取得するには 1 を追加する必要があります。1 桁の日と月を 0 で埋めて、両方を 2 桁にすることができます。次に、すべての 3 パーツの結果を連結して、最終日を取得します。

let date = new Date();
let output = String(date.getDate()).padStart(2, '0') + '/' +
    String(date.getMonth() + 1).padStart(2, '0') + '/' + date.getFullYear();
console.log(output);

出力:

"25/06/2021"

JavaScript で Date.toDateString() メソッドを使用して現在の日付を取得する

toDateString() メソッドは、Date オブジェクトの曜日と日付の部分を返します。戻りタイプは、日を指定する 3 文字、月を指定する 3 文字、それに続く数値形式の曜日と日付で構成される文字列です。この方法は、日付、月、年を取得するために別の関数を使用する必要がある上記の方法と比較して非常に便利です。ただし、日付を数値形式にする場合、この方法はあまり役に立ちません。

let date = new Date().toDateString();
console.log(date);

出力:

"Mon Jun 14 2021"

JavaScript で Date.toISOString() メソッドを使用して現在の日付を取得する

このメソッドは、日付と時刻を ISO8601 形式で返すために使用されます。通常、YYYY-MM-DDTHH:mm:ss.sssZ などの 24 文字の長さの形式で出力を返します。日付と時刻が文字 T で区切られていることがわかります。したがって、ISO 日付/時刻文字列を T で分割すると、2つの文字列が得られます。1つは日付を含み、もう 1つは時刻を含みます。このようにして、ISO 文字列から現在の日付を取得できます。非典型的なことの 1つは、出力が/ではなく - で区切られていることです。したがって、要件に応じて別の方法を使用する必要があります。

let date = new Date();
console.log(date.toISOString().split('T')[0]);

出力:

"2021-06-14"

JavaScript で組み込みメソッド toLocaleDateString() を使用して現在の日付を取得する

この関数は、Date オブジェクトの言語に依存する日付部分を取得することを目的としています。locale 引数は言語タグと国を指定し、オプションはそれをさらにカスタマイズするのに役立ちます。ただし、これを使用して、Date オブジェクトから現在の日付を簡単に取得することもできます。

let date = new Date();
console.log(date.toLocaleDateString());

出力:

"6/25/2021"
著者: Harshit Jindal
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

関連記事 - JavaScript DateTime