JavaScript日期校验问题：如何阻止无效日期自动转换？

问题场景 #

测试2025-2-29时，现有校验代码会自动将其转换为2025-3-1并判定为有效，但我需要让2025-2-29被判定为无效日期。

原代码 #

<!DOCTYPE html>
<html>
 <body>

  <h1>JavaScript Dates</h1>
  <h2>Using new Date()</h2>
  <p id="demo"></p>
  <p id = "validate"> </p>
  <script>
    const date = new Date("29Feb2025");
    document.getElementById("demo").innerHTML = date;
    isValid(date);

  function isValid(date) {
      alert(date);
     if ( Object.prototype.toString.call(date) === "[object Date]") {
        if ( !isNaN(date.getTime()) ) {
           validate.innerHTML += date + " is valid. <br/> ";
        } else {
           validate.innerHTML += date + " is not valid. <br/> ";
        }
     } else {
        validate.innerHTML += date + " is not valid. <br/> ";
     }
  }
 </script>

 </body>
</html>

原代码运行输出 #

JavaScript Dates
Using new Date()
Sat Mar 01 2025 00:00:00 GMT-0800 (太平洋标准时间)

Sat Mar 01 2025 00:00:00 GMT-0800 (太平洋标准时间) 是有效的。

解决方案 #

JavaScript的new Date()会自动修正超出范围的日期，因此不能直接依赖它的返回结果判断原始输入的合法性。正确思路是提取原始输入的年、月、日，构造日期后对比是否与原始值一致，不一致则说明原始日期无效。

修改后的代码 #

<!DOCTYPE html>
<html>
 <body>

  <h1>JavaScript Dates</h1>
  <h2>日期合法性校验</h2>
  <p id="demo"></p>
  <p id="validate"></p>
  <script>
    const inputDateStr = "29Feb2025";
    // 解析原始日期字符串，提取日、月份缩写、年
    const matchResult = inputDateStr.match(/(\d{2})([A-Za-z]{3})(\d{4})/);
    
    let originalDay, originalMonthNum, originalYear;
    if (matchResult) {
      originalDay = parseInt(matchResult[1], 10);
      // 月份缩写转数字（0对应1月，1对应2月...）
      const monthAbbrMap = {
        Jan: 0, Feb: 1, Mar: 2, Apr: 3, May: 4, Jun: 5,
        Jul: 6, Aug: 7, Sep: 8, Oct: 9, Nov: 10, Dec: 11
      };
      originalMonthNum = monthAbbrMap[matchResult[2]];
      originalYear = parseInt(matchResult[3], 10);
    }

    let isValidDate = false;
    let constructedDate;
    if (typeof originalMonthNum !== 'undefined') {
      constructedDate = new Date(originalYear, originalMonthNum, originalDay);
      // 核心校验：构造后的日期必须和原始输入的年、月、日完全匹配
      isValidDate = constructedDate.getFullYear() === originalYear &&
                    constructedDate.getMonth() === originalMonthNum &&
                    constructedDate.getDate() === originalDay;
    }

    // 渲染结果
    document.getElementById("demo").innerHTML = constructedDate || "无效日期";
    document.getElementById("validate").innerHTML = isValidDate
      ? `${inputDateStr} 是有效的日期`
      : `${inputDateStr} 是无效的日期`;
  </script>

 </body>
</html>

代码说明 #

1. 解析原始输入：通过正则提取原始日期的日、月份缩写、年，转换成数字格式
2. 构造日期对象：用提取的原始值创建Date对象
3. 一致性校验：对比构造后的日期的年、月、日是否与原始值完全一致——如果不一致，说明new Date()自动修正了日期，原始输入即为无效
4. 适配性：如果输入是其他格式（如2025-2-29），只需调整正则表达式的解析规则即可兼容

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