JS中修改new Date()天数且不触发月、年、时间自动进位的实现问题

要实现仅递增天数、不触发年月自动进位的需求，核心逻辑是绕开Date对象自带的自动纠错机制，手动计算当月最大天数做天数回绕处理，具体实现如下：

核心思路 #

• 拆分原日期的年、月、时分秒字段，保留原有值不修改
• 计算当前月份的总天数作为回绕边界
• 对递增后的天数做取模回绕，超过当月最大天数则从1重新计数
• 用保留的字段和计算后的新天数构造新日期对象

代码实现 #

/**
 * 日期天数递增，不触发年月进位
 * @param {Date} date 原日期对象
 * @param {number} daysToAdd 需要增加的天数，默认1
 * @returns {Date} 处理后的新日期对象，不会修改原日期
 */
function addDaysWithoutRollOver(date, daysToAdd = 1) {
  // 提取原日期所有字段值
  const year = date.getFullYear()
  const month = date.getMonth()
  const currentDay = date.getDate()
  const hours = date.getHours()
  const minutes = date.getMinutes()
  const seconds = date.getSeconds()
  const ms = date.getMilliseconds()

  // 获取当前月份的最大天数
  const maxDays = new Date(year, month + 1, 0).getDate()

  // 计算回绕后的新天数，支持任意正增量
  const newDay = (currentDay + daysToAdd - 1) % maxDays + 1

  // 构造新日期返回
  return new Date(year, month, newDay, hours, minutes, seconds, ms)
}

测试示例 #

针对2021年12月31日的场景，测试效果如下：

// 构造测试日期：2021年12月31日 14:30:45
const testDate = new Date(2021, 11, 31, 14, 30, 45)
const resultDate = addDaysWithoutRollOver(testDate, 1)

// 输出结果：2021-12-01T14:30:45.000Z，年月和时分秒均保留原数值
console.log(resultDate)

注意事项 #

• JavaScript中Date对象的月份为0基索引，1月对应0，12月对应11，构造日期时不要填错月份值
• 实现返回的是新的日期对象，不会修改传入的原日期，避免产生副作用
• 如果需要支持负数天数（递减），可以额外添加小于1时的回绕逻辑即可

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