日付を日本の和暦に変換したい | 日付・時間操作 | JavaScript 目的別リファレンス

スポンサーリンク

このプログラムでは、JavaScriptのtoLocaleDateString()メソッドを使用して、現在の日付を日本の和暦形式で表示します。元号、年、月、日を含む和暦表示に変換します。

スポンサーリンク

使用するメソッド: toLocaleDateString()

JavaScriptのtoLocaleDateString()メソッドは、指定したロケールとオプションを基に日付を文字列で返します。ja-JP-u-ca-japaneseというロケールを指定することで、和暦に変換できます。

日付を日本の和暦に変換するプログラム

以下のコードでは、現在の日付を和暦に変換して表示しています。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日付を日本の和暦に変換する方法</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            padding: 20px;
        }
        pre {
            background: #f4f4f4;
            border-left: 3px solid #ccc;
            padding: 10px;
            margin: 20px 0;
        }
    </style>

    <script>
        window.onload = function() {
            // 現在の日付を取得
            const today = new Date();

            // 日本の和暦形式で日付をフォーマットする
            const options = { era: 'long', year: 'numeric', month: 'long', day: 'numeric' };
            const japaneseDate = today.toLocaleDateString('ja-JP-u-ca-japanese', options);

            // 結果をHTMLに表示
            document.getElementById('japaneseDateResult').textContent = `和暦表示: ${japaneseDate}`;
        }
    </script>
</head>
<body>

    <h1>日付を日本の和暦に変換する方法</h1>

    <div id="japaneseDateResult"></div>

</body>
</html>

プログラムの解説

このプログラムでは、Dateオブジェクトを使って現在の日付を取得し、toLocaleDateString()メソッドを用いて和暦に変換しています。和暦は「令和」などの元号を含む形式で表示されます。具体的には、ロケールja-JP-u-ca-japaneseとオプションを使い、年、月、日、元号をフォーマットしています。

Dateオブジェクト メソッドの機能一覧

Dateオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのDateオブジェクトは、日時を操作するために使用されるオブジェクトです。以下に、Dateオブジェクトのメソッドを種類ごとにアルファベット順にまとめています。Dateオブジェクトのインスタンスメソッドメソッド名説明と注意点getDate()日(1~31)を取得。注意点: 月初や月末の値に注意。get...