季節を日付から判定したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.23

このプログラムでは、指定された日付がどの季節に該当するかを判定します。春、夏、秋、冬の4つの季節を月の範囲に基づいて判定します。

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

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

getMonth()メソッドは、日付の月を0から11の範囲で返します（0が1月、11が12月）。そのため、正しい月を判定するためには+1が必要です。

日付から季節を判定するプログラム

以下のコードでは、今日の日付を基に季節を判定し、「春、夏、秋、冬」のいずれかを表示します。

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 getSeason(date) {
                const month = date.getMonth() + 1; // 月は0から始まるため+1
                if (month >= 3 && month <= 5) {
                    return '春';
                } else if (month >= 6 && month <= 8) {
                    return '夏';
                } else if (month >= 9 && month <= 11) {
                    return '秋';
                } else {
                    return '冬';
                }
            }

            // 今日の日付で季節を判定
            const today = new Date();
            const season = getSeason(today);

            // 結果をHTMLに表示
            document.getElementById('season').textContent = `現在の季節は: ${season}です`;
        }
    </script>
</head>
<body>

    <h1>日付から季節を判定する方法</h1>

    <div id="season"></div>

</body>
</html>