特定の日付が平日か休日かを判定したい | 日付・時間操作

特定の日付が平日か休日かを判定したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.222024.09.23

このプログラムでは、JavaScriptのDateオブジェクトとgetDay()メソッドを使用して、特定の日付が平日か休日かを判定する方法を紹介します。

使用するオブジェクト: Dateオブジェクト
特定の日付が平日か休日かを判定するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

使用するオブジェクト: Dateオブジェクト

JavaScriptのDateオブジェクトを使用して、日付に関連する操作を行います。getDay()メソッドを使うことで、その日が何曜日かを取得できます。これを基に、平日か休日かを判定します。

特定の日付が平日か休日かを判定するプログラム

以下のコードでは、2024年9月25日が平日か休日かを判定し、その結果を表示しています。

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 targetDate = new Date('2024-09-25'); // 任意の日付

            // 曜日を取得（0: 日曜日、6: 土曜日）
            const dayOfWeek = targetDate.getDay();

            // 平日か休日かを判定
            const isWeekend = (dayOfWeek === 0 || dayOfWeek === 6); // 0は日曜、6は土曜

            // 結果をHTMLに表示
            const resultText = isWeekend ? "休日です。" : "平日です。";
            document.getElementById('dayType').textContent = `判定結果: ${resultText}`;
        }
    </script>
</head>
<body>

    <h1>特定の日付が平日か休日かを判定する方法</h1>

    <div id="dayType"></div>

</body>
</html>