【已解决】Javascript setMonth跨月问题；2025-03-31 setMonth后变成 2025-05-01

文章目录

bug重现
解决方法：用第三方插件来实现（不推荐原生代码来实现）。项目中用的有dayjs。
若要自己实现，参考 AI给出方案：

bug重现

今天（2025-04-01）遇到的一个问题。原代码逻辑大概是这样的：
选择一个日期，在这个日期的月份基础上加一个月。

let date = this.selectDate // 2025-03-31 08:00:00
let newDate = new Date(date.setMonth(date.getMonth() + 1))
console.log(newDate) // 2025-05-01 08:00:00

以上代码理想中应该是 4月份对吧。可是输出了5月1日。
原因是 4月没有31日导致setMonth后导致时间戳的时间溢出补到了日期中

底层逻辑可能是基于时间戳进行操作的。
Date原生的setMonth指定是没有判断月份天数。

解决方法：用第三方插件来实现（不推荐原生代码来实现）。项目中用的有dayjs。

若要自己实现，参考 AI给出方案：

Date.prototype.mySetMonth = function(monthValue, dateValue) {// 获取当前时间值let time = this.getTime();if (isNaN(time)) return NaN;// 分解日期let year = this.getFullYear();let day = this.getDate();let hours = this.getHours();let minutes = this.getMinutes();let seconds = this.getSeconds();let milliseconds = this.getMilliseconds();// 处理月份let month = Math.floor(Number(monthValue)); // 转换为整数let yearAdjust = Math.floor(month / 12);let newMonth = month % 12;if (newMonth < 0) {newMonth += 12;yearAdjust--;}year += yearAdjust;// 如果提供了日期，则更新if (dateValue !== undefined) {day = Math.floor(Number(dateValue));}// 创建新日期let newDate = new Date(year, newMonth, day, hours, minutes, seconds, milliseconds);// 设置时间值this.setTime(newDate.getTime());// 返回时间戳return newDate.getTime();
};// 测试
let time = new Date('2025-03-31 08:00:00');
console.log(time); // "Mon Mar 31 2025 08:00:00"
time.mySetMonth(3); // 设置为 4 月
console.log(time); // "Wed Apr 30 2025 08:00:00"（自动调整到 30 日）