タイムゾーンを指定して日付を取得したい | 日付・時間操作

このプログラムでは、JavaScriptのtoLocaleString()メソッドを使用して、指定したタイムゾーン（この例では「America/New_York」）での現在の日付と時刻を取得します。たとえば、ニューヨークのタイムゾーンを指定すると、そのタイムゾーンの現在の日付と時刻が表示されます。

INDEX

使用するメソッド: toLocaleString()
タイムゾーンを指定して日付を取得するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

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

JavaScriptのtoLocaleString()メソッドを使って、特定のタイムゾーンに対応した日付と時刻を取得することができます。引数としてタイムゾーンを指定することで、そのタイムゾーンでの日時を表示します。

タイムゾーンを指定して日付を取得するプログラム

以下のコードでは、タイムゾーン「America/New_York」を指定して、そのタイムゾーンの現在の日付と時刻を取得し、表示しています。

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 timeZone = 'America/New_York'; // タイムゾーン指定
            const dateInTimeZone = new Date().toLocaleString('ja-JP', { timeZone: timeZone });

            // 結果をHTMLに表示
            document.getElementById('timeZoneDateResult').textContent = `タイムゾーン "${timeZone}" での現在の日時は ${dateInTimeZone} です。`;
        }
    </script>
</head>
<body>

    <h1>タイムゾーンを指定して日付を取得する方法</h1>

    <div id="timeZoneDateResult"></div>

</body>
</html>

プログラムの解説

toLocaleString()メソッドは、ローカルのタイムゾーンに基づく日時を文字列で返します。このメソッドにtimeZoneオプションを指定することで、指定したタイムゾーンでの日時を取得できます。たとえば、「America/New_York」を指定すると、そのタイムゾーンの現在の日時が返されます。