日付が同じ月かどうかを確認したい | 日付・時間操作

このプログラムでは、JavaScriptのDateオブジェクトを使用して、2つの日付が同じ月かどうかを確認します。getFullYear()とgetMonth()メソッドを使用して、年と月が一致するかを確認しています。

INDEX

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

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

JavaScriptのgetFullYear()メソッドは、日付の年を4桁で返します。getMonth()メソッドは0から11の値で月を返し、0が1月、11が12月です。この2つのメソッドを使って、2つの日付が同じ月かどうかを確認します。

日付が同じ月かどうかを確認するプログラム

以下のコードでは、2024年9月15日と2024年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() {
            // 比較する2つの日付
            const date1 = new Date('2024-09-15');
            const date2 = new Date('2024-09-30');

            // 年と月が一致するかを確認
            const isSameMonth = (date1.getFullYear() === date2.getFullYear()) && (date1.getMonth() === date2.getMonth());

            // 結果をHTMLに表示
            document.getElementById('sameMonthCheck').textContent = isSameMonth ? '同じ月です' : '異なる月です';
        }
    </script>
</head>
<body>

    <h1>日付が同じ月かどうかを確認する方法</h1>

    <div id="sameMonthCheck"></div>

</body>
</html>