如何用moment.js兼容多格式日期输入？无约束方案及替代实现

嘿，这个问题我太懂了——处理用户自由输入的日期简直是开发里的日常坑，尤其是moment.js没法灵活适配所有格式的时候。不用moment.js完全能实现类似Excel的自动识别功能，核心就是预定义常见模式+优先级匹配+合法性校验，下面我给你一步步拆解逻辑和实现：

Excel这类工具本质上是提前内置了一堆常见日期格式的正则模式，然后按优先级顺序去匹配用户输入：

1. 先匹配无歧义的格式（比如YYYY-MM-DD，一眼就能确定年、月、日的位置）
2. 再处理有歧义的格式（比如MM/DD/YYYY和DD/MM/YYYY），这时候会根据用户的地区设置或者预设优先级来判断
3. 匹配后还要校验日期的合法性（比如2月不能有30天），排除错误匹配

1. 整理常见日期模式 #

先把用户可能输入的格式整理成正则数组，注意按无歧义→有歧义的优先级排序：

• 无歧义类：YYYY-MM-DD、YYYY/MM/DD、DD-MMM-YYYY（比如05-Mar-2024）
• 美式类：MM/DD/YYYY、M/D/YY、MM-DD-YYYY hh:mm AM
• 欧式类：DD/MM/YYYY、D/M/YY、DD-MM-YYYY HH:mm:ss

2. 编写匹配与解析函数 #

遍历正则数组，对输入字符串进行匹配，一旦匹配成功就提取年、月、日组件：

• 对于英文月份缩写（比如Jan、Feb），要做映射转换为数字
• 对于两位年份（比如99、24），可以设定规则（比如≤50归为20xx，>50归为19xx）

3. 校验日期合法性 #

提取组件后必须验证日期是否真实存在：

• 月份范围是1-12
• 日期要符合对应月份的最大天数（比如2月最多28/29天，4月最多30天）
• 用Date对象验证是最简单的方式：如果构造的Date对象的年、月、日和提取的组件一致，说明是合法日期

4. 转换为标准格式 #

验证通过后，把日期转换为你需要的标准格式（比如ISO 8601的YYYY-MM-DD，或者直接返回Date对象）

下面是一个简化版的实现，你可以根据需求扩展更多格式：

function parseUserDate(input) {
  // 预定义模式数组，优先级从高到低
  const datePatterns = [
    // 无歧义国际格式
    { regex: /^(\d{4})[-/](0[1-9]|1[012])[-/](0[1-9]|[12]\d|3[01])$/, format: 'YYYY-MM-DD' },
    // 英文月份格式
    { regex: /^(0[1-9]|[12]\d|3[01])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(\d{4})$/, format: 'DD-MMM-YYYY' },
    // 美式MM/DD/YYYY
    { regex: /^(0[1-9]|1[012])[-/](0[1-9]|[12]\d|3[01])[-/](\d{4})$/, format: 'MM-DD-YYYY' },
    // 欧式DD/MM/YYYY
    { regex: /^(0[1-9]|[12]\d|3[01])[-/](0[1-9]|1[012])[-/](\d{4})$/, format: 'DD-MM-YYYY' },
    // 两位年份美式
    { regex: /^(0[1-9]|1[012])[-/](0[1-9]|[12]\d|3[01])[-/](\d{2})$/, format: 'MM-DD-YY' },
    // 两位年份欧式
    { regex: /^(0[1-9]|[12]\d|3[01])[-/](0[1-9]|1[012])[-/](\d{2})$/, format: 'DD-MM-YY' }
  ];

  // 月份缩写转数字映射
  const monthAbbrMap = {
    Jan: '01', Feb: '02', Mar: '03', Apr: '04', May: '05', Jun: '06',
    Jul: '07', Aug: '08', Sep: '09', Oct: '10', Nov: '11', Dec: '12'
  };

  // 遍历模式尝试匹配
  for (const pattern of datePatterns) {
    const match = input.trim().match(pattern.regex);
    if (!match) continue;

    let year, month, day;
    // 根据格式提取组件
    switch (pattern.format) {
      case 'YYYY-MM-DD':
        [, year, month, day] = match;
        break;
      case 'DD-MMM-YYYY':
        [, day, monthAbbr, year] = match;
        month = monthAbbrMap[monthAbbr];
        break;
      case 'MM-DD-YYYY':
        [, month, day, year] = match;
        break;
      case 'DD-MM-YYYY':
        [, day, month, year] = match;
        break;
      case 'MM-DD-YY':
        [, month, day, year] = match;
        year = parseInt(year) > 50 ? `19${year}` : `20${year}`;
        break;
      case 'DD-MM-YY':
        [, day, month, year] = match;
        year = parseInt(year) > 50 ? `19${year}` : `20${year}`;
        break;
    }

    // 校验日期合法性
    const testDate = new Date(`${year}-${month}-${day}`);
    if (testDate.getFullYear() === parseInt(year) && 
        testDate.getMonth() + 1 === parseInt(month) && 
        testDate.getDate() === parseInt(day)) {
      // 返回ISO标准日期字符串
      return testDate.toISOString().split('T')[0];
    }
  }

  // 无匹配返回null，可替换为提示信息
  return null;
}

// 测试用例
console.log(parseUserDate('2024-03-05')); // 输出：2024-03-05
console.log(parseUserDate('05-Mar-2024')); // 输出：2024-03-05
console.log(parseUserDate('03/05/2024')); // 输出：2024-03-05（美式匹配）
console.log(parseUserDate('05/03/2024')); // 输出：2024-05-03（美式优先级更高，若要欧式优先调整数组顺序）

• 按用户群体调整优先级：面向美国用户就把美式格式放前面，面向欧洲用户则反过来
• 二次确认机制：遇到03/04/2024这类歧义输入时，弹出提示让用户选择是“3月4日”还是“4月3日”
• 结合地区设置：如果能获取用户的系统地区（比如通过浏览器的navigator.language），自动调整匹配优先级

内容的提问来源于stack exchange，提问作者Ajay Gupta