特定の日付を経過日数で計算したい | 日付・時間操作 | JavaScript 目的別リファレンス

スポンサーリンク

このプログラムでは、JavaScriptのDateオブジェクトを使用して、今日から指定された日数(例: 30日)後の日付を計算します。setDate()メソッドを使用して日数を加算します。

スポンサーリンク

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

DateオブジェクトのsetDate()メソッドは、既存の日付に指定した日数を加算したり減算したりするために使用されます。これにより、特定の日付の未来や過去の日付を簡単に計算できます。

今日から30日後の日付を計算するプログラム

以下のコードでは、今日の日付から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>特定の日付を経過日数で計算する方法(今日から30日後)</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() {
            // 今日の日付を取得
            const today = new Date();

            // 30日後の日付を計算
            const futureDate = new Date(today);
            futureDate.setDate(today.getDate() + 30); // 今日から30日を加算

            // 結果をHTMLに表示
            document.getElementById('futureDate').textContent = `今日から30日後の日付: ${futureDate.toDateString()}`;
        }
    </script>
</head>
<body>

    <h1>特定の日付を経過日数で計算する方法(今日から30日後)</h1>

    <div id="futureDate"></div>

</body>
</html>

プログラムの解説

このプログラムでは、setDate()メソッドを使って、今日から30日後の日付を計算しています。まず、現在の日付を取得し、その日付に30日を加算して新しい日付を生成します。

Dateオブジェクト メソッドの機能一覧

Dateオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのDateオブジェクトは、日時を操作するために使用されるオブジェクトです。以下に、Dateオブジェクトのメソッドを種類ごとにアルファベット順にまとめています。Dateオブジェクトのインスタンスメソッドメソッド名説明と注意点getDate()日(1~31)を取得。注意点: 月初や月末の値に注意。get...