HTML で今日の日付を取得する

1. HTML で JavaScript の Date() 関数を使用して現在の日付を取得する
2. HTML の y/m/d 形式で現在の日付を取得する
3. HTML の JavaScript メソッド toLocaleDateString() を使用して現在の日付を取得する

この記事では、HTML で現在の日付を取得するためのいくつかの方法を紹介します。

HTML で JavaScript の Date() 関数を使用して現在の日付を取得する

JavaScript の Date() 関数を使用して、現在の日付を取得できます。この関数は、現在の日付と時刻を返します。HTML コンテナを作成し、JavaScript を使用して現在の日付を表示できます。innerHTML プロパティを使用して、日付を HTML で記述します。

たとえば、div を作成し、その ID として current_date を設定します。次に、script タグ内に JavaScript を記述します。getElementById プロパティを使用して current_id を選択し、Date() 関数を呼び出します。innerHTML プロパティを使用して、返される日付を HTML で記述します。

以下の例では、以下の出力セクションに示すように、現在の日付と時刻が表示されます。出力には、曜日、月、日、年、時、分、秒、GMT、および場所に関する情報が含まれます。

サンプルコード：

<div id="current_date"></p>
<script>
document.getElementById("current_date").innerHTML = Date();
</script>

HTML の y/m/d 形式で現在の日付を取得する

また、さまざまな JavaScript の Date() メソッドを使用して、現在の日付を y/m/d 形式で見つけることができます。現在の年は getFullYear() メソッドから、現在の月は getMonth() メソッドから、現在の日は getDate() メソッドから取得できます。このメソッドでは、Date() オブジェクトを使用してこれらのさまざまな関数にアクセスします。日付は任意の方法でフォーマットし、innerHTML プロパティを使用して HTML ページに表示できます。

たとえば、上記の方法と同じ ID で div を作成します。JavaScript で、Date() クラスの date オブジェクトを作成します。次に、year、month、day の 3つの変数を作成します。date オブジェクトを使用して、メソッド getFullYear()、getMonth()、および getDate() を呼び出し、それぞれの変数に格納します。次に、document オブジェクトを使用し、getElementById プロパティを呼び出して、div の ID を選択します。次に、innerHTML を変数 month、day、year にスラッシュで区切って設定します。

このようにして、JavaScript の Date() クラスを使用して、HTML で m/d/y 形式で現在の日付を取得できます。

サンプルコード：

<div id="current_date"></p>
<script>
date = new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
</script>

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

JavaScript 関数 toLocaleDateString() を使用して、現在の日付を見つけることができます。toLocaleDateString() 関数は、関数で提供されている言語に従って現在の日付を返します。言語固有の規則にはさまざまなものがあり、toLocaleDateString() 関数を使用して言語を定義できます。この関数は、ロケールとオプションの 2つのパラメーターを取ります。locales オプションで出力の言語を指定できます。たとえば、米国英語には en-US を使用し、英国英語には en-GB を使用できます。

たとえば、div を作成し、script タグ内に JavaScript を記述します。Date() クラスの date オブジェクトを作成し、メソッド toLocaleDateString() を呼び出します。次に、document.write() を使用して date 変数を表示します。

m/d/y 形式で出力を確認できます。したがって、toLocaleDateString() メソッドを使用して、HTML で現在の日付を見つけることができます。

サンプルコード：

<div>
<script>
date = new Date().toLocaleDateString();
document.write(date);
</script>
</div>