如何在 JavaScript 中新增月份到日期?
要在 JavaScript 中向日期新增月份,可以使用 Date.setMonth() 方法。JavaScript 日期 setMonth() 方法根據本地時間設定指定日期的月份。此方法接受兩個引數,第一個是月份數,第二個引數是天數。月份計數從 0 開始,例如,0 代表一月,1 代表二月……以此類推。
語法
Date.setMonth(monthsValue , [daysValue]);
注意 − 括號中的引數始終是可選的。
引數詳情
monthsValue − 0 到 11 之間的整數,表示月份。儘管我們也可以使用大於 11 或小於 0 的數字。例如,-1 代表上一年的最後一個月,12 代表下一年的第一個月。
daysValue − 1 到 31 之間的整數,表示月份中的某一天。如果您指定 daysValue 引數,則還必須指定 monthsValue。您也可以指定大於 31 和小於 1 的數字。例如,0 代表上個月的最後一天,-1 代表上個月的倒數第二天。32 代表下個月的第一天。
演算法
步驟 1 − 首先我們獲取當前日期或定義一個日期並顯示它。
步驟 2 − 接下來,我們使用 getMonth() 方法 獲取當前日期的月份。
步驟 3 − 定義要新增的月份數。
步驟 4 − 使用 setMonth() 設定日期的月份並顯示更新後的日期。
要使用 setMonth() 方法向 Date 物件新增月份,首先我們使用 getMonth() 方法獲取當前 Date 的月份值,然後向其中新增一定數量的月份,並將新增的值傳遞給 setMonth() 方法。
示例
在下面的示例中,我們將 3 個月新增到當前日期,並顯示當前日期和更新後的日期。我們使用 getMonth() 和 setMonth() 方法來獲取當前月份和設定新月份。
<html>
<body>
<p> Add 3 months to the current date/time.</p>
<p id="currentTime">Current Date : </p>
<p id="updatedTime">Updated Date: </p>
<script>
let dt = new Date();
document.getElementById("currentTime").innerText += dt
let no_of_months = 3;
dt.setMonth(dt.getMonth() + no_of_months)
document.getElementById("updatedTime").innerText += dt;
</script>
</body>
</html>示例
在下面的示例中,我們將日期設定為“2023 年 8 月 20 日 11:30:25”。我們將兩個月新增到此日期。我們顯示之前的日期和更新後的日期。
<html>
<body>
<p> Add 2 months to the current date/time.</p>
<p id="currentTime">Old Date : </p>
<p id="updatedTime">Updated Date: </p>
<script>
let dt = new Date("August 20, 2023 11:30:25");
document.getElementById("currentTime").innerText += dt
let no_of_months = 2;
dt.setMonth(dt.getMonth() + no_of_months)
document.getElementById("updatedTime").innerText += dt;
</script>
</body>
</html>
示例
在這個示例中,我們將 4 個月新增到當前日期。我們將當前日期和更新後的日期以 MM/DD/YYYY 格式顯示。
<!DOCTYPE html>
<html>
<body>
<p> Click on the button to add 4 months to the current date (MM/DD/YYYY).</p>
<button onclick="add()">Click Me</button>
<p id="currentTime">Current Date : </p>
<p id="updatedTime">Updated Date: </p>
<script>
// Code the show current time
let ct = document.getElementById("currentTime")
let currentDate = Date.now();
ct.innerText += new Date(currentDate).toLocaleDateString()
// Code to add 3 Months to current Time
let ut = document.getElementById("updatedTime")
function add() {
let dt = new Date();
let no_of_months = 4;
dt.setMonth(dt.getMonth() + no_of_months)
ut.innerText += dt.toLocaleDateString();
}
</script>
</body>
</html>
注意 − 日期格式為 MM/DD/YYYY。
在本教程中,我們討論瞭如何向日期新增月份。為此,我們使用了兩種方法。一種是 getMonth() 方法,用於獲取日期的月份。另一種是 setMonth() 方法,用於使用新月份設定日期的月份。
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP