如何通过JavaScript在浏览器中判断用户预期的日期格式是月/日还是日/月

以下两种方案都可以实现检测用户预期的日期是月在前（mm/dd/yyyy）还是日在前（dd/mm/yyyy）的需求，适配绝大多数浏览器环境。

方案1：使用Intl.DateTimeFormat API（优先推荐） #

这是目前最稳定的方案，依赖浏览器原生的国际化API，自动适配用户的系统区域设置，不用手动做区域码和格式的映射，兼容所有现代浏览器（Chrome、Firefox、Safari 10+、Edge全版本）。

function getLocalDateFormat() {
  // 固定测试日期：2023年1月2日，注意JS中月份从0开始计数
  const testDate = new Date(2023, 0, 2);
  // 按用户本地设置拆解日期各部分
  const dateParts = new Intl.DateTimeFormat(undefined, {
    year: 'numeric',
    month: 'numeric',
    day: 'numeric'
  }).formatToParts(testDate);
  
  // 提取月、日的排列顺序
  const monthIndex = dateParts.findIndex(part => part.type === 'month');
  const dayIndex = dateParts.findIndex(part => part.type === 'day');

  // 拼接完整格式字符串，保留用户本地的日期分隔符
  const formatArr = [];
  dateParts.forEach(part => {
    switch(part.type) {
      case 'day': formatArr.push('dd'); break;
      case 'month': formatArr.push('mm'); break;
      case 'year': formatArr.push('yyyy'); break;
      default: formatArr.push(part.value);
    }
  });

  return {
    // 完整的本地日期格式，比如mm/dd/yyyy、dd/mm/yyyy、yyyy-mm-dd等
    formatString: formatArr.join(''),
    // 布尔值，true为月在前，false为日在前
    isMonthFirst: monthIndex < dayIndex
  }
}

调用示例：

const dateConfig = getLocalDateFormat();
console.log(dateConfig.formatString); // 输出用户本地的日期格式
console.log(dateConfig.isMonthFirst); // 确认是月在前还是日在前

方案2：降级兼容方案（适配老旧浏览器） #

如果需要兼容IE等不支持IntlAPI的老旧环境，可以用toLocaleDateString的输出结果做判断：

function getDateFormatFallback() {
  const testDate = new Date(2023, 0, 2);
  // 把日期数字替换成对应占位符
  const formatStr = testDate.toLocaleDateString().replace(/\d+/g, num => {
    const n = parseInt(num, 10);
    if(n === 2023) return 'yyyy';
    if(n === 1) return 'mm';
    if(n === 2) return 'dd';
    return num;
  });
  return {
    formatString: formatStr,
    isMonthFirst: formatStr.indexOf('mm') < formatStr.indexOf('dd')
  }
}

注意该方案局限性：部分极旧浏览器可能输出带非数字字符的本地化日期，准确率低于第一种方案，仅建议作为降级备选。

落地注意事项 #

• 检测得到格式后，可以直接放到输入框的placeholder属性中提示用户，降低输入错误概率
• 无论前端检测结果如何，后端接收日期后都需要做格式合法性校验，避免极端场景下检测异常导致的业务错误

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