如何用JavaScript结合年、月、日输入框计算指定偏移量前的日期？

你可以利用JavaScript的Date对象的链式调整能力，直接依次对年、月、日进行偏移计算，Date会自动处理月份、日期的溢出（比如跨月、跨年、闰年等边界情况），不需要分开单独计算再合并。

基础实现逻辑 #

先以你提到的「往前推4年5个月3天」为例，核心代码如下：

// 创建当前日期的对象
const targetDate = new Date();

// 依次减去指定的年、月、日
targetDate.setFullYear(targetDate.getFullYear() - 4); // 减4年
targetDate.setMonth(targetDate.getMonth() - 5); // 减5个月
targetDate.setDate(targetDate.getDate() - 3); // 减3天

// 输出格式化后的日期（可根据需求调整格式）
console.log(targetDate.toLocaleDateString('zh-CN')); // 示例输出："2019/10/25"

结合输入框的完整实现 #

针对你提供的三个输入框，可以编写一个函数，获取输入值后完成计算，同时加入简单的输入验证：

function calculateOffsetDate() {
  // 获取并处理输入值：非数字或空值默认按0处理
  const offsetYears = parseInt(document.getElementById('year').value) || 0;
  const offsetMonths = parseInt(document.getElementById('month').value) || 0;
  const offsetDays = parseInt(document.getElementById('day').value) || 0;

  // 创建当前日期的副本，避免修改全局日期对象
  const resultDate = new Date();

  // 链式调整日期
  resultDate.setFullYear(resultDate.getFullYear() - offsetYears);
  resultDate.setMonth(resultDate.getMonth() - offsetMonths);
  resultDate.setDate(resultDate.getDate() - offsetDays);

  // 返回格式化后的日期（也可直接返回Date对象供后续使用）
  return resultDate.toLocaleDateString('zh-CN');
}

你可以添加一个触发按钮来调用这个函数：

<button onclick="alert('计算结果：' + calculateOffsetDate())">计算目标日期</button>

关键注意事项 #

• Date对象的月份是0基索引（0代表1月，11代表12月），但setMonth方法会自动处理负数：比如当前是1月（索引0），减5个月会自动转换为去年的8月（索引7），无需手动调整。
• setDate方法会自动处理跨月情况：比如当前是3月1日，减3天会自动转为2月的最后几天（根据当年是否为闰年调整）。
• 如果需要更严格的输入验证，可以添加判断逻辑，比如禁止输入负数（如果业务需求不允许往后推日期）：

  // 示例：只允许输入非负整数
  const offsetYears = Math.max(parseInt(document.getElementById('year').value) || 0, 0);
  

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