【JavaScript】現在の日付を取得し、YYYY/MM/DD形式で表示する方法

JavaScriptを使用すると、Webページ上で現在の日付を表示することができます。特定の形式で日付を表示する必要がある場合、JavaScriptを活用することで簡単に実装できます。この記事では、JavaScriptを使って現在の日付を取得し、YYYY/MM/DD形式でWebページに表示する方法を紹介します。

手順
コード例
サンプル
まとめ

手順

現在の日付を取得する: JavaScriptのDateオブジェクトを使用して、現在の日付を取得します。
年、月、日を取り出す: 取得した日付から、年、月、日をそれぞれ取り出します。
日付をYYYY/MM/DD形式に整形する: 取り出した年、月、日を組み合わせて、指定された形式で日付を整形します。
Webページに日付を表示する: 整形した日付を、Webページ上の適切な場所に表示します。

コード例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>日付表示</title>
</head>
<body>

<p id="dateDisplay"></p>

<script>
// 現在の日付を取得
var today = new Date();

// 年、月、日を取得
var year = today.getFullYear();
// JavaScriptでは月は0から始まるため、1を足して実際の月に変換する
var month = today.getMonth() + 1;
var day = today.getDate();

// 月と日が1桁の場合は前に0を追加する
if (month < 10) {
    month = '0' + month;
}
if (day < 10) {
    day = '0' + day;
}

// yyyy/MM/dd形式で日付を表示
document.getElementById('dateDisplay').textContent = year + '/' + month + '/' + day;
</script>

</body>
</html>

サンプル

まとめ

JavaScriptを使用すると、現在の日付を取得し、特定の形式でWebページに表示することができます。上記の手順に従って実装することで、日付を適切にフォーマットして表示することができます。

これにより、ユーザーは常に最新の日付情報を確認できるようになり、Webページの使いやすさと情報価値が向上します。