特定の日付が現在の日付かどうかを確認したい | 日付・時間操作

特定の日付が現在の日付かどうかを確認したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.23

このプログラムでは、JavaScriptのDateオブジェクトを使用して、特定の日付が現在の日付と一致するかどうかを確認します。日付の時間部分を無視するために、時間を「00:00:00」に設定してから比較します。

使用するメソッド: getTime()
特定の日付が現在の日付かどうかを確認するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

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

getTime()メソッドを使用して、1970年1月1日からのミリ秒数を取得し、これを使って2つの日付が同じかどうかを確認します。

特定の日付が現在の日付かどうかを確認するプログラム

以下のコードでは、2024年9月22日が現在の日付かどうかを確認しています。

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() {
            // 比較したい日付を設定（例：2024年9月22日）
            const targetDate = new Date('2024-09-22');

            // 現在の日付を取得（時間部分は無視するために、時刻を00:00:00に設定）
            const today = new Date();
            today.setHours(0, 0, 0, 0);

            // 特定の日付が現在の日付かどうかを確認
            const isToday = targetDate.getTime() === today.getTime();

            // 結果をHTMLに表示
            document.getElementById('dateCheckResult').textContent = isToday ? '今日です' : '今日ではありません';
        }
    </script>
</head>
<body>

    <h1>特定の日付が現在の日付かどうかを確認する方法</h1>

    <div id="dateCheckResult"></div>

</body>
</html>