如何防止JS中Date对象日期/月份溢出并验证用户输入日期合法性？

我完全懂你遇到的这个坑——JavaScript内置的Date构造函数默认会自动“修正”无效日期，比如把30.02.2020直接转换成2020-03-01，而不是告诉你这个日期不合法。要解决这个问题，核心思路是验证创建后的日期是否和用户输入的原始值完全匹配，如果不匹配就说明是无效日期。

下面是具体的实现方案：

核心验证函数 #

我们可以写一个函数，先拆分用户输入的日期字符串，创建Date对象后，对比它的年、月、日是否和输入的一致：

function isValidDate(dateStr) {
  // 按点分割日期字符串，确保格式是dd.mm.yyyy
  const dateParts = dateStr.split('.');
  if (dateParts.length !== 3) {
    return false; // 格式不对，直接返回无效
  }

  // 转换为数字，注意JS的月份是0-11，所以要减1
  const day = parseInt(dateParts[0], 10);
  const inputMonth = parseInt(dateParts[1], 10);
  const year = parseInt(dateParts[2], 10);

  // 先做基础合法性检查，排除明显无效值
  if (isNaN(day) || isNaN(inputMonth) || isNaN(year)) return false;
  if (inputMonth < 1 || inputMonth > 12) return false;
  if (day < 1 || day > 31) return false;

  // 转换为JS的0基月份
  const jsMonth = inputMonth - 1;
  const dateObj = new Date(year, jsMonth, day);

  // 关键验证：如果日期溢出，创建的Date对象会自动调整，此时和输入值不匹配
  return dateObj.getFullYear() === year &&
         dateObj.getMonth() === jsMonth &&
         dateObj.getDate() === day;
}

如何使用这个函数 #

当用户输入日期后，调用这个函数判断有效性，然后给出提示：

const userInput = prompt("请输入dd.mm.yyyy格式的日期：");
if (isValidDate(userInput)) {
  alert("日期有效！");
} else {
  alert("输入的日期无效，请检查格式和日期合法性（比如2月没有30天）！");
}

为什么这个方法有效？ #

比如用户输入30.02.2020：

1. 我们拆分出day=30、inputMonth=2、year=2020，转换为JS的jsMonth=1
2. 创建new Date(2020, 1, 30)时，因为2020年2月只有29天，JS会自动将日期调整为2020-03-01
3. 此时dateObj.getMonth()返回2（对应3月），和我们传入的jsMonth=1不匹配，函数返回false，判定日期无效

这个方法同时也能处理闰年、不同月份的天数差异等情况，比如29.02.2019会被判定为无效，而29.02.2020会被判定为有效。

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