JavaScript中getDay()处理带前导零日期返回错误星期数问题及解决思路

相信很多前端开发者都踩过这个坑：从MySQL取出yyyy-mm-dd格式的日期字符串（比如2024-03-06），直接传给new Date()后调用getDay()，结果拿到的星期数和预期完全不符——尤其是当日期的“日”带有前导零时，这个问题出现得更频繁。

问题根源 #

其实锅不在前导零本身，而是JavaScript的Date构造函数在解析yyyy-mm-dd格式字符串时，默认会把它当作UTC时间处理。如果你的本地时区（比如东八区）比UTC早，这个日期会被自动转换为本地时间的前一天晚上，导致getDay()拿到的是前一天的星期数。举个实际例子：

// 假设本地时区为东八区（UTC+8）
const dateStr = '2024-03-06';
const wrongDate = new Date(dateStr);
console.log(wrongDate.getDay()); // 可能返回2（星期二），但实际2024-03-06是星期三

我验证可行的解析方案 #

要避开时区偏移的坑，我们可以手动拆分日期字符串，用年、月、日的数值直接构造Date对象（注意：JavaScript的月份是从0开始计数的！）。这里分享我自己在用的可靠解析函数：

function parseMySqlDate(dateStr) {
  // 拆分yyyy-mm-dd格式的字符串，同时转为数字类型
  const [year, month, day] = dateStr.split('-').map(Number);
  // 月份减1，适配Date构造函数的月份规则（0=1月，11=12月）
  return new Date(year, month - 1, day);
}

// 测试示例
const correctDate = parseMySqlDate('2024-03-06');
console.log(correctDate.getDay()); // 返回3（星期三），和预期一致

这个方案的优势很明显：

• 彻底避开UTC时区的自动转换，直接基于本地时区构造日期
• 不管“日”有没有前导零，map(Number)都会自动把字符串转为正确的数字（比如'06'会变成6）
• 逻辑简单清晰，几乎不会出现意外bug

如果需要更严谨的格式校验（比如防止传入非法日期字符串），还可以给函数加一层验证逻辑：

function parseMySqlDate(dateStr) {
  // 先校验日期格式是否为yyyy-mm-dd
  const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
  if (!dateRegex.test(dateStr)) {
    throw new Error('日期格式错误，需为yyyy-mm-dd格式');
  }
  
  const [year, month, day] = dateStr.split('-').map(Number);
  // 额外验证月份和日期的合法性
  if (month < 1 || month > 12 || day < 1 || day > 31) {
    throw new Error('日期数值不合法');
  }
  
  return new Date(year, month - 1, day);
}

这样就能确保只有合法的yyyy-mm-dd格式字符串才会被解析，避免出现莫名其妙的错误。

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