如何优雅地操作JS日期加减

JS日期加减是前端开发中经常会用到的功能，但却常常会出现各种意想不到的问题。本文将从多个方面详细阐述JS日期加减的技巧，帮助读者优雅地完成日期的加减操作。

一、JS日期对象

JS中的日期对象是一个内置对象，其构造函数是 Date()。Date对象表示的是自1970年1月1日 00:00:00 UTC（以此即格林威治时间为起点）到指定时间之间所经过的毫秒数。除了可以获取当前时间外，我们还可以使用构造函数，将日期以不同的格式输入来构造一个日期对象。

下面是一些关于JS日期对象的示例代码:

// 获取当前时间（本地时区）
const now = new Date()

// 按照字符串输入日期
const date1 = new Date("2022/12/31")

// 按照数字输入日期
const date2 = new Date(2022, 11, 31)

// 获取时间戳
const timestamp = Date.now()

二、日期加减的基础操作

JS日期加减的操作可以通过Date对象中的set和get方法来实现，这些方法代表“设定某个值”和“获取某个值”这两个基本操作。我们通常需要用到的有：

getFullYear()：获取当前时间的年份
setFullYear(year)：修改时间的年份
getMonth()：获取当前时间的月份（范围为0~11）
setMonth(month)：修改时间的月份（范围为0~11）
getDate()：获取当前时间的日期
setDate(date)：修改时间的日期
getHours()：获取当前时间的小时数（24小时制）
setHours(hours)：修改时间的小时数（24小时制）
getMinutes()：获取当前时间的分钟数
setMinutes(minutes)：修改时间的分钟数
getSeconds()：获取当前时间的秒数
setSeconds(seconds)：修改时间的秒数

下面是一些关于日期加减基础操作的示例代码:

const now = new Date()

// 获取当前日期
const year = now.getFullYear()
const month = now.getMonth() + 1
const date = now.getDate()

// 将时间设置为前一天
now.setDate(date - 1)

三、使用库进行日期加减

如果只是需要简单地进行一些日期加减操作，使用Date对象的方法已经足够了。但是，如果需要进行一些更加复杂的日期运算，比如说跨越时区，或者处理“闰年”，那么就需要引入一些第三方的日期库。这些库不仅提供了更加便捷的API，而且它们的内部算法也经过了长时间的验证和优化，因此具有更高的稳定性和可靠性。

下面介绍两个常用的日期库：

moment.js

const moment = require('moment')

// 获取当前时间
const now = moment()

// 加一天
now.add(1, 'days')

// 转换成字符串
const str = now.format('YYYY-MM-DD')

day.js

const dayjs = require('dayjs')

// 获取当前时间
const now = dayjs()

// 加一天
now = now.add(1, 'day')

// 转换成字符串
const str = now.format('YYYY-MM-DD')

四、时区处理的问题

时区的处理是日期运算中一个很常见的问题，尤其是在处理时间戳的时候。因为时间戳是以UTC时间为基准的，但实际的应用场景中，时间戳经常需要转化成对应时区的形式。在使用Date对象时，我们可以通过一些方法来进行时区的转换，比如说：

getTimezoneOffset()：获取当前时区与UTC之间的时间差（单位：分钟）
toLocaleString()：转换成本地时区的字符串表示
toUTCString()：转换成UTC时区的字符串表示

但是，这些方法仍然不能适应所有的日期场景，因此通常需要借助一些第三方库来进行时区转换和计算。比如说，Moment.js提供了一个叫做moment-timezone.js的时区插件，可以方便地进行时间的转换和计算。

const moment = require('moment-timezone')
const now = moment.tz('2019-07-01 00:00:00', 'America/New_York')

// 转换时区
now.tz('Asia/Shanghai')

// 转换成指定格式的字符串
const str = now.format('YYYY-MM-DD HH:mm:ss')

五、“闰年”问题的处理

在JS日期运算中，我们常常需要处理“闰年”这个问题。实际上，在闰年的情况下，2月份的天数是29天，而在非闰年的情况下，2月份的天数则是28天。因此，在处理日期运算时，需要先判断当前年份是否是闰年，然后再根据实际情况进行处理。

const isLeapYear = (year) => {
  return (year % 4 == 0 && year % 100 != 0) || year % 400 == 0
}

const date = new Date()
const year = date.getFullYear()
const month = date.getMonth()
const day = date.getDate()

// 判断是否为闰年
if (isLeapYear(year)) {
  // 处理闰年2月的情况
} else {
  // 处理非闰年2月的情况
}

六、日期加减操作的实际应用

最后，我们来看一下日期加减操作在实际开发中的应用实例。

比如说，我们需要获取“本周一”的日期，可以使用下面的代码：

const date = new Date()
const day = date.getDay() // 获取当前星期几，0代表周日，1代表周一，以此类推
const monday = new Date(date.getTime() - day * 24 * 60 * 60 * 1000)

如果我们需要生成“未来n天”的日期列表，可以使用下面的代码：

const n = 7
const now = new Date()
for (let i = 0; i < n; i++) {
  const day = new Date(now.getTime() + i * 24 * 60 * 60 * 1000)
  console.log(day.toLocaleDateString())
}

如果我们需要把一个日期转化成几天前或者几天后的日期，可以使用下面的代码：

const n = -1 // n>0 表示n天后，n<0 表示n天前
const date = new Date()
date.setDate(date.getDate() + n)
console.log(date.toLocaleDateString())

七、总结

本文从JS日期对象、日期加减的基础操作、库的使用、时区处理以及“闰年”问题等多个方面详细阐述了JS日期加减的技巧。相信通过本文的介绍，读者已经掌握了优雅地完成日期加减操作的技巧，并能够在实际开发中灵活运用。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/185355.html