月の最初・最後の日を取得したい | 日付・時間操作

月の最初・最後の日を取得したい | 日付・時間操作 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.222024.09.23

このプログラムでは、JavaScriptを使用して、現在の月の最初の日と最後の日を取得する方法を紹介します。setDate()とgetDate()メソッドを活用します。

使用するオブジェクト: Dateオブジェクト
現在の月の最初と最後の日を取得するプログラム
1. HTMLとJavaScriptコード
2. プログラムの解説
Dateオブジェクトメソッドの機能一覧

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

JavaScriptのDateオブジェクトは、日付や時間を操作するための便利なツールです。この記事では、setDate()メソッドを使用して月の初日を設定し、getDate()メソッドを使用して月の最終日を取得します。

現在の月の最初と最後の日を取得するプログラム

以下のコードでは、現在の月の最初と最後の日を計算し、表示するプログラムを示しています。

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>
</head>
<body>

    <div id="dateInfo"></div>

    <script>
        window.onload = function() {
            const today = new Date();

            // 月の初日を取得
            const firstDay = new Date(today.getFullYear(), today.getMonth(), 1);

            // 月の最終日を取得
            const lastDay = new Date(today.getFullYear(), today.getMonth() + 1, 0);

            // HTMLに出力
            document.getElementById('dateInfo').innerHTML = `
                <p>現在の月の初日: ${firstDay.toDateString()}</p>
                <p>現在の月の最終日: ${lastDay.toDateString()}</p>
            `;
        }
    </script>

</body>
</html>