JavaScript日期递增不符合预期：原正常功能现异常求助

嘿，我一眼就发现问题出在哪了——你的日期递增逻辑没有基于当前已更新的日期，反而每次都在原始日期的基础上做计算，这才导致了跳月的奇怪结果！

问题根源 #

假设你的初始日期dt是4月30日（dt.getDate()返回30）：

• 第一次设置nextDay.setDate(dt.getDate() + 1)：30+1=31，4月没有31天，自动转到5月1日，这步没问题。
• 但第二次你又调用nextDay.setDate(dt.getDate() + 2)：这里你还是用原始的30+2=32，而nextDay现在是5月1日，调用setDate(32)会把日期设为5月的第32天——5月只有31天，直接就跳到6月1日了！
• 后面的每一步都重复这个错误，每次都基于原始日期的数值累加，而非在nextDay当前日期的基础上加1，自然就出现了越来越离谱的日期跳转。

修复代码（直接修正原逻辑） #

把每次的dt.getDate()换成nextDay.getDate()，让日期在已有基础上递增：

var dt = new Date();
var nextDay = new Date(dt);

// 第一天：在初始nextDay基础上加1
nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime1").innerHTML = ("0" + nextDay).substring(1, 12);

// 第二天：在前一天的基础上加1
nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime2").innerHTML = ("0" + nextDay).substring(1, 12);

nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime3").innerHTML = ("0" + nextDay).substring(1, 12);

nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime4").innerHTML = ("0" + nextDay).substring(1, 12);

nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime5").innerHTML = ("0" + nextDay).substring(1, 12);

nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime6").innerHTML = ("0" + nextDay).substring(1, 12);

nextDay.setDate(nextDay.getDate() + 1);
document.getElementById("datetime7").innerHTML = ("0" + nextDay).substring(1, 12);

更简洁的循环写法（推荐） #

重复写7次太冗余了，用循环来实现更清爽，还不容易出错：

var dt = new Date();
for (let i = 1; i <= 7; i++) {
    // 每次基于原始日期创建新的Date实例，直接计算第i天
    const currentDay = new Date(dt);
    currentDay.setDate(dt.getDate() + i);
    document.getElementById(`datetime${i}`).innerHTML = ("0" + currentDay).substring(1, 12);
}

这个写法每次都从原始日期出发计算第i天，避免了累加过程中可能出现的错误，代码也更易维护。

小补充 #

setDate()的自动顺延特性是正常的（比如4月30日加1天到5月1日），但前提是你要基于正确的当前日期去计算。另外，如果你需要更规范的日期格式化，也可以试试toLocaleDateString()，比如：

// 示例：格式化为"周几 月 日"的形式
currentDay.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })

这样就不用靠字符串截取来获取日期了，更可靠。

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