JavaScript中date.setFullYear在Firefox和Safari中修改日期异常问题

这是典型的本地时区夏令时切换导致的Date对象行为异常，我来帮你拆解原因并给出解决办法：

问题根源 #

你遇到的情况是因为setFullYear()和setDate()方法是基于本地时间进行操作的，而Firefox对夏令时切换的日期处理会影响UTC时间的显示：

• 当你创建new Date('2015-03-05')时，得到的是UTC时间2015-03-05T00:00:00.000Z，对应你的本地时区可能是2015年3月4日的某个时间点。
• 2014年的3月，你的本地时区可能刚好处于夏令时切换的窗口期，导致将年份修改为2014后，本地时间的"3月5日"对应的UTC时间变成了2014-03-04T23:00:00.000Z，看起来日期从5号变成了4号。
• 而2016年切换到2015年时，两个年份的夏令时切换日期不影响这个时间点，所以没有出现偏移。

解决办法：使用UTC系列方法 #

要彻底避开本地时区和夏令时的干扰，直接操作UTC时间即可，改用setUTCFullYear()和setUTCDate()方法：

// 初始化UTC日期
d = new Date('2015-03-05')
// 输出：Date 2015-03-05T00:00:00.000Z

// 使用UTC方法修改年份
d.setUTCFullYear(2014)
// 输出：Date 2014-03-05T00:00:00.000Z

// 使用UTC方法设置日期
d.setUTCDate(5)
// 输出：Date 2014-03-05T00:00:00.000Z

额外说明 #

UTC系列方法直接对日期的UTC时间戳进行修改，完全不涉及本地时区的夏令时规则，因此能保证日期的一致性。如果你的业务逻辑不需要依赖本地时区，建议全程使用UTC相关的Date方法（比如getUTCFullYear()、getUTCDate()等）来操作日期，避免类似的时区陷阱。

内容的提问来源于stack exchange，提问作者Dfr