MomentJS - 新增

此方法允許您在 moment 物件上新增天、時間、年、小時、秒等。

語法

moment().add(Number, String);
moment().add(Object);
moment().add(Duration);

使用 add 方法，我們可以新增數字、小時、天等。

下表顯示了您可以與 add 方法一起使用的鍵/簡寫列表。

鍵	簡寫
年	y
季度	Q
月	M
周	w
天	d
小時	h
分鐘	m
秒	s
毫秒	ms

您可以如下使用 add 方法中的鍵或簡寫單位：

示例

moment.add(5, 'days'); or moment.add(5, 'd');

讓我們看一個工作示例，該示例演示瞭如何使用 add 方法將天數新增到當前日期。

示例

<html>
   <head>
      <title>MomentJS - ADD Method</title>
      <scrip type="text/JavaScript" src="https://MomentJS.com/downloads/moment.js"></script>
      <style>
         div { border: solid 1px #ccc;
            padding:10px;
            font-family: "Segoe UI",Arial,sans-serif;
            width: 75%;
         }
      </style>
   </head>
   <body>
      <h1>MomentJS - Add Method</h1>
      <div style="font-size:25px" id="currentdate"></div>
      <br/>
      <br/>
      <div style="font-size:25px" id="changeddate"></div>
      <script type="text/JavaScript">
         var day = moment(); //outputs current date.
         document.getElementById("currentdate").innerHTML = "Current Date: " + day._d;
         var changeddate = moment().add(5, 'days'); // adding 5 days to current date.
         document.getElementById("changeddate").innerHTML = "Output after adding 5 days: " + changeddate._d;
      </script>
   </body>
</html>

輸出

請注意，以上程式碼顯示了當前日期以及在其中新增 5 天后的日期。

您也可以如下使用 add 方法的鍵：

var changeddate = moment().add(5, 'days'); // adding 5 days to current date.

示例

讓我們看一個將 5 小時新增到給定日期的示例：

var changeddate = moment([2017, 2, 31]).add(5, 'hours');

輸出

如果需要對日期進行多次新增，您可以使用 add 方法鏈或使用物件字面量來實現。

使用鏈式呼叫的 Add 方法

假設您想將天數和月份新增到當前日期。這可以透過使用如下所示的方法鏈來完成：

示例

var changeddate = moment().add(5, 'days').add(2, 'months');.

輸出

要將天數和月份新增到當前日期，我們可以使用方法鏈，如下所示：

var changeddate = moment().add(5, 'days').add(2, 'months');.

我們也可以使用如下程式碼中所示的鍵：

var changeddate = moment().add(5, 'd').add(2, 'M');

使用物件的 Add 方法

使用此技術，您可以使用物件字面量將多個鍵新增到當前日期。

示例

var changeddate = moment().add({ days: 5, months: 2 });

輸出

物件方法的用法如下：

var changeddate = moment().add({ days: 5, months: 2 });

您也可以在物件表單中使用鍵，如下所示：

var changeddate = moment().add({ d: 5, M: 2 });

如果需要將天數或月份新增到給定日期，則可以按照如下所示進行：

示例

var changeddate = moment([2014, 10, 10]).add({ d: 5, M: 2 });

輸出

我們已將 5 天和 2 個月新增到 2014 年 10 月 10 日，輸出結果為 2015 年 1 月 15 日。

將時長新增到 Add 方法

我們還可以使用時長方法將天數、月份、年份、時間等新增到給定日期。

觀察以下示例，該示例顯示瞭如何使用時長將 5 周新增到給定日期：

示例

var duration = moment.duration({ 'weeks': 5 });
var changeddate = moment([2012, 0, 31]).add(duration);

請注意，我們已將 5 周新增到 2012 年 1 月 31 日，因此輸出結果如下：

輸出

月份和年份的特殊情況

如果我們嘗試將月份新增到日期（該日期的天數大於新增的月份），它將採用新增到的月份的最後一天。

示例

var changeddate = moment([2017, 0, 31]).add(1, 'months');

在上面的示例中，我們正在將一個月新增到 2017 年 1 月 31 日，現在由於 2 月有 28 天，因此它採用 2 月的最後一天，並顯示如下所示的日期：

輸出

momentjs_manipulate_date_and_time.htm

列印頁面