如何用 JavaScript 加减日期?

阅读时长 3 分钟读完

在前端开发中,经常需要对日期进行加减操作。JavaScript 提供了多种方法来实现日期的计算,本文将详细介绍如何用 JavaScript 加减日期。

前置知识

在学习如何用 JavaScript 加减日期之前,我们需要先了解一些基础知识:

  • JavaScript 的 Date 对象:Date 对象是 JavaScript 中处理日期和时间的标准对象。
  • Unix 时间戳:Unix 时间戳是指自 1970 年 1 月 1 日 00:00:00 UTC 以来的秒数。它可以表示任意一个日期和时间。

加减天数

要对日期进行加减天数的操作,我们可以使用 Date 对象的 setDate() 方法。它接受一个参数,表示要设置的日期的天数,可以是正数也可以是负数。

下面是一个例子,将当前日期加上 7 天:

在上面的代码中,首先创建了一个当前日期的 Date 对象,然后复制了该对象并将其存储在 nextWeek 变量中。最后,通过调用 setDate() 方法并传入当前日期的天数加上 7 的值,得到了加上 7 天后的日期。

加减月份

要对日期进行加减月份的操作,我们可以使用 Date 对象的 setMonth() 方法。它接受一个参数,表示要设置的月份,可以是正数也可以是负数。

下面是一个例子,将当前日期加上 3 个月:

在上面的代码中,首先创建了一个当前日期的 Date 对象,然后复制了该对象并将其存储在 nextMonth 变量中。最后,通过调用 setMonth() 方法并传入当前日期的月份加上 3 的值,得到了加上 3 个月后的日期。

需要注意的是,setMonth() 方法传入的参数是从 0 开始计数的月份,因此要加上的月份数要减去 1。

加减年份

要对日期进行加减年份的操作,我们可以使用 Date 对象的 setFullYear() 方法。它接受一个参数,表示要设置的年份,可以是正数也可以是负数。

下面是一个例子,将当前日期加上 5 年:

在上面的代码中,首先创建了一个当前日期的 Date 对象,然后复制了该对象并将其存储在 nextYear 变量中。最后,通过调用 setFullYear() 方法并传入当前日期的年份加上 5 的值,得到了加上 5 年后的日期。

示例代码

下面是一个完整的示例代码,演示如何用 JavaScript 加减日期:

-- -------------------- ---- -------
-- ----------
----- ---- - --- -------

-- -- - -
--------------------------- - ---

-- -- - --
----------------------------- - ---

-- -- - -
----------------------------------- - ---

通过以上示例代码,我们可以看到如何使用 JavaScript 的 Date 对象来加减日期。这些操作在实际开发中非常有用,希望读者能够掌握并灵活应用。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/12987

纠错
反馈