如何在 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() 方法,用於使用新月份設定日期的月份。

更新於: 2023-10-22

32K+ 次瀏覽

啟動你的 職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.