月の長さ（日数）を動的に計算したい | 日付・時間操作

月の長さ（日数）を動的に計算したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.222024.09.23

このプログラムでは、JavaScriptのDateオブジェクトを使用して、指定された年と月の長さ（日数）を動的に計算します。new Date(year, month + 1, 0)を使用することで、その月の最終日が何日かを計算します。

使用するメソッド: getDate()
月の長さを動的に計算するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

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

Dateオブジェクトを使用して、指定した月の最終日を取得し、その日付を返します。これにより、その月が何日あるかを動的に計算できます。

月の長さを動的に計算するプログラム

以下のコードでは、2024年2月の長さ（日数）を計算して表示しています。

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 getDaysInMonth(year, month) {
                return new Date(year, month + 1, 0).getDate(); // 月の最後の日を取得
            }

            // 2024年2月の長さを計算
            const year = 2024;
            const month = 1; // 2月は1（0が1月）
            const daysInMonth = getDaysInMonth(year, month);

            // 結果をHTMLに表示
            document.getElementById('daysInMonth').textContent = `${year}年${month + 1}月は${daysInMonth}日あります。`;
        }
    </script>
</head>
<body>

    <h1>月の長さ（日数）を動的に計算する方法</h1>

    <div id="daysInMonth"></div>

</body>
</html>