JavaScript日期解析疑问：不同格式传入为何返回不同日期？

这事儿我太熟了！核心原因在于JavaScript对不同日期字符串格式的解析规则完全不一样，直接导致了你看到的差异：

问题根源 #

• 当你用new Date('2018-03-26')这种ISO 8601标准格式（YYYY-MM-DD）时，ECMAScript明确规定浏览器要把它当作UTC时间来解析。你身处太平洋夏令时区（GMT-0700），UTC的2018-03-26 00:00:00转换成本地时间就是前一天的17:00，所以最终显示的日期是3月25日。
• 而new Date('03/26/2018')这种MM/DD/YYYY格式，属于浏览器默认的本地时间格式，会直接按你所在时区的00:00:00解析，所以日期是3月26日。

让两种解析结果一致的方法 #

既然你完全不关心时区和时间，只想要准确的日期，这里有几个靠谱的解决方案：

方案1：手动解析日期字符串（最稳妥） #

不管用户传哪种格式，先把年、月、日拆出来，再用Date构造函数传入具体值（注意：JavaScript的月份是从0开始的，必须减1）：

function parseDate(dateStr) {
  let year, month, day;
  // 处理YYYY-MM-DD格式
  if (dateStr.includes('-')) {
    [year, month, day] = dateStr.split('-').map(Number);
    month -= 1; // 转换为0起始的月份
  } 
  // 处理MM/DD/YYYY格式
  else if (dateStr.includes('/')) {
    [month, day, year] = dateStr.split('/').map(Number);
    month -= 1;
  }
  // 返回本地时间的0点日期
  return new Date(year, month, day);
}

// 测试验证
console.log(parseDate('2018-03-26')); // Mon Mar 26 2018 00:00:00 GMT-0700
console.log(parseDate('03/26/2018')); // Mon Mar 26 2018 00:00:00 GMT-0700

这种方法完全掌控解析逻辑，避免了浏览器默认行为的差异，兼容性拉满。

方案2：统一格式后解析 #

把ISO格式的横杠替换成斜杠，让浏览器按本地时间解析：

function normalizeDate(dateStr) {
  // 将YYYY-MM-DD替换为YYYY/MM/DD，触发本地时间解析
  const normalized = dateStr.replace(/-/g, '/');
  return new Date(normalized);
}

console.log(normalizeDate('2018-03-26')); // Mon Mar 26 2018 00:00:00 GMT-0700
console.log(normalizeDate('03/26/2018')); // Mon Mar 26 2018 00:00:00 GMT-0700

这个方法简单快捷，但要注意：部分老浏览器可能对YYYY/MM/DD格式的解析有差异，如果你需要兼容旧环境，还是方案1更可靠。

方案3：UTC转本地日期 #

如果拿到的是ISO格式，先解析成UTC日期，再手动提取UTC的年、月、日构造本地日期：

function parseAsLocalDate(dateStr) {
  const utcDate = new Date(dateStr);
  return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate());
}

console.log(parseAsLocalDate('2018-03-26')); // Mon Mar 26 2018 00:00:00 GMT-0700

总结 #

最推荐的是手动解析日期字符串，毕竟不同浏览器对非标准格式的解析可能有细微差别，手动拆解能确保逻辑完全可控，不会踩时区的坑。

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