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

打印页面