日付と時刻をパーシングして有効な日付かを確認したい | 日付・時間操作

日付と時刻をパーシングして有効な日付かを確認したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.222024.09.23

このプログラムでは、Date.parse()メソッドを使用して、日付文字列をパーシングし、それが有効な日付かどうかを確認します。Date.parse()は有効な日付をミリ秒に変換し、無効な日付はNaNを返します。

使用するメソッド: Date.parse()
日付と時刻をパーシングして有効かどうかを確認するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

使用するメソッド: Date.parse()

Date.parse()メソッドは、日付文字列を受け取り、日付をミリ秒単位の数値に変換します。有効な日付の場合、その数値を返し、無効な日付の場合はNaNを返します。

日付と時刻をパーシングして有効かどうかを確認するプログラム

以下のコードでは、2024年9月22日の日付文字列（2024-09-22T15:30:00Z）をパーシングし、その日付が有効かどうかを確認しています。2024-a9-22T15:30:00Zであれば無効となります。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日付と時刻をパーシングして有効な日付かを確認する方法（Date.parse()）</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 dateString = '2024-09-22T15:30:00Z';

            // Date.parse()でパーシングし、有効かどうかを確認
            const parsedDate = Date.parse(dateString);
            const isValidDate = !isNaN(parsedDate); // 有効な日付なら数値、無効ならNaN

            // 結果をHTMLに表示
            document.getElementById('isValidDate').textContent = isValidDate ? '有効な日付です' : '無効な日付です';
        }
    </script>
</head>
<body>

    <h1>日付と時刻をパーシングして有効な日付かを確認する方法（Date.parse()）</h1>

    <div id="isValidDate"></div>

</body>
</html>

プログラムの解説

このプログラムでは、Date.parse()を使って日付文字列をパーシングし、結果が数値かNaNかで有効な日付かどうかを判断しています。Date.parse()はISO 8601形式の日時文字列をサポートしており、例えば「YYYY-MM-DDTHH:mm:ssZ」の形式をパーシングすることができます。