JavaScript使用setMonth给日期加1个月时结果不符合预期问题

你写的这段代码不是JavaScript日期累加月份的正确实现，和参考方案本身的逻辑无关，是编码时忽略了JS Date对象的两个核心特性导致结果不符合预期。

你代码里的两个核心错误 #

• setMonth() 是会直接修改原Date实例的可变方法，不会生成新对象。
  你写的 let end = new Date(start.setMonth(start.getMonth() + 1)); 执行逻辑是：先修改start对象本身的时间为加1个月后的时间，再拿修改后返回的时间戳生成新的end实例。这行执行完后，start和end存储的是完全相同的时间点，后续转字符串自然会得到一样的结果。
• 混用本地时区API与UTC时间方法导致日期偏移。
  toISOString() 永远返回UTC时区的时间字符串，如果你初始化Date时用的是本地时间，或者调用getMonth()/setMonth()这类默认基于本地时区的API，转UTC字符串时很容易因为时差出现日期差1天的问题。

正确实现代码 #

如果你的业务需要按本地时区计算日期，参考下面的写法，全程避免修改原对象、避免时区混乱：

// 解析输入日期，避免YYYY-MM-DD格式默认按UTC解析的问题
const [startYear, startMonth, startDay] = data.start_date.split('-').map(Number);
const start = new Date(startYear, startMonth - 1, startDay); // JS月份从0开始计数，需要减1

// 先拷贝原日期，再在副本上做月份累加，不改动原始start对象
const end = new Date(start);
end.setMonth(end.getMonth() + 1);

// 自定义本地日期格式化，不用toISOString避免时区偏移
const formatDate = (date) => {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
};

const startStr = formatDate(start);
const endStr = formatDate(end);
console.log(startStr, endStr);

额外注意事项 #

如果累加月份后目标月没有对应的日期，JS会自动做日期进位：比如1月31日加1个月，平年2月只有28天，会自动计算为3月3日。如果你的业务需要把这种情况对齐到目标月的最后一天，需要在setMonth之后加一层判断：如果累加后的日期和原日期不一致，就把日期设置为目标月的最后一天即可。

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