JavaScript日期加天异常：跨月年份跳转问题求助

你的代码出现日期计算异常的原因有两个核心问题：

• 复用了同一个shdate Date实例，每次调用setDate都会直接修改该对象的状态，导致后续计算基于上一次修改后的日期，而非原始的起始日期。
• 错误地使用ldate.getDate() + i来设置日期：getDate()仅返回当前日期的“日”部分（比如12月1日返回1），忽略了月份和年份的上下文，当操作跨月末的日期时，会出现不符合预期的跳转。

修正后的代码 #

JavaScript代码

const ldate = new Date();

function updCalen() {
  const container = document.getElementById('settim');
  container.innerHTML = "";
  
  for (let i = 0; i < 30; i++) {
    // 每次基于原始起始日期创建新的Date实例，避免状态污染
    const shdate = new Date(ldate);
    // 基于当前新实例的日期，累加i天
    shdate.setDate(shdate.getDate() + i);
    
    // 格式化日期为中文可读格式（可选，替换默认的Date字符串）
    const formattedDate = shdate.toLocaleDateString('zh-CN', {
      year: 'numeric',
      month: 'long',
      day: 'numeric'
    });
    
    container.innerHTML += formattedDate + '<BR>';
  }
}

updCalen();

HTML代码（无需修改）

<div id="settim" style="width:600px; height:400px; padding:3px; border: #099 thin solid; overflow:scroll"></div>

关键修改说明 #

1. 创建独立的Date实例：每次循环都基于ldate创建新的shdate对象，确保每次日期计算都从原始起始点开始，不会被之前的修改干扰。
2. 正确的日期累加逻辑：使用shdate.getDate() + i，基于当前新实例的日期进行累加，而非仅取原始日期的“日”部分，保证跨月、跨年的日期计算正确。
3. 可选的日期格式化：通过toLocaleDateString将默认的Date对象字符串转换为更友好的中文格式（如“2024年12月1日”），提升可读性。

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