月の第何週かを判定したい | 日付・時間操作 | JavaScript 目的別リファレンス

このプログラムでは、指定された日付がその月の第何週にあたるかを判定します。

INDEX

使用するメソッド: getDate(), getDay()
月の第何週かを判定するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

使用するメソッド: getDate(), getDay()

getDate()メソッドは、指定された日付の日を返し、getDay()メソッドは、その月の最初の日の曜日を返します。これらの情報を基に、第何週かを計算します。

月の第何週かを判定するプログラム

以下のコードでは、今日の日付を基に、現在の月の第何週かを計算し、表示しています。

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() {
            // 月の第何週かを判定する関数
            function getWeekOfMonth(date) {
                const dayOfMonth = date.getDate();  // 日付
                const firstDayOfMonth = new Date(date.getFullYear(), date.getMonth(), 1).getDay();  // 月初日の曜日
                return Math.ceil((dayOfMonth + firstDayOfMonth) / 7);
            }

            // 今日の日付で週番号を取得
            const today = new Date();
            const weekOfMonth = getWeekOfMonth(today);

            // 結果をHTMLに表示
            document.getElementById('weekOfMonth').textContent = `今月の第${weekOfMonth}週目です`;
        }
    </script>
</head>
<body>

    <h1>月の第何週かを判定する方法</h1>

    <div id="weekOfMonth"></div>

</body>
</html>