日付が指定の期間内に収まっているか確認したい | 日付・時間操作

日付が指定の期間内に収まっているか確認したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.222024.09.23

このプログラムでは、JavaScriptのDateオブジェクトを使用して、特定の日付が指定された開始日と終了日の間にあるかどうかを確認します。比較演算子を使用して、指定された日付が範囲内にあるかどうかを確認しています。

使用する比較演算子: >=, <=
日付が指定の期間内に収まっているかを確認するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

使用する比較演算子: >=, <=

JavaScriptでは、Dateオブジェクトは数値として比較可能です。date1 >= startDate や date1 <= endDate を使うことで、日付が特定の範囲内にあるかを簡単に確認できます。

日付が指定の期間内に収まっているかを確認するプログラム

以下のコードでは、2024年9月22日の日付が2024年9月1日から9月30日までの範囲内かどうかを確認し、結果を表示しています。

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 dateToCheck = new Date('2024-09-22');

            // 期間の開始日と終了日を定義
            const startDate = new Date('2024-09-01');
            const endDate = new Date('2024-09-30');

            // 指定された期間内に収まっているかを確認
            const isInRange = dateToCheck >= startDate && dateToCheck <= endDate;

            // 結果をHTMLに表示
            document.getElementById('isInRange').textContent = isInRange ? '日付は期間内に収まっています' : '日付は期間外です';
        }
    </script>
</head>
<body>

    <h1>日付が指定の期間内に収まっているか確認する方法</h1>

    <div id="isInRange"></div>

</body>
</html>