为何创建Date对象时生成的日期会少一天？技术问询

嘿，这个问题我太熟了！之前做项目的时候踩过一模一样的坑，给你掰扯清楚为啥会出现这种情况～

1. 时区差异是最常见的元凶 #

当你用new Date("2024-05-01")这种纯ISO格式的字符串创建Date对象时，JavaScript会默认用UTC时区来解析它。而咱们平时用的本地时区（比如国内的东八区）比UTC早8小时，这就会出现一个时间差：

• UTC时间的2024-05-01T00:00:00，对应东八区的本地时间是2024-04-30T16:00:00
• 这时候你用本地时区的方法（比如toLocaleDateString()）去看日期，就会显示成4月30日，看起来像是“少了一天”

举个直观的例子：

const date = new Date("2024-05-01");
console.log(date.toLocaleDateString()); // 东八区环境下会输出 "4/30/2024" 或类似本地格式

2. 非标准日期字符串的解析坑 #

如果你用的是"2024/05/01"或者"05-01-2024"这种非标准ISO格式的字符串，不同浏览器、Node.js环境的解析规则可能不一致：

• 有些环境会默认用本地时区解析，但如果格式有歧义（比如月和日的顺序搞混），就可能出现日期偏移
• 比如new Date("05-01-2024")，部分环境会当成5月1日，部分会当成1月5日，后续处理自然就会出错

3. 月份索引的容易踩的坑 #

如果你是用new Date(year, monthIndex, day)的方式创建日期，一定要记住：月份是从0开始计数的（0=1月，11=12月）！

• 比如你想创建2024年5月1日，要是写成new Date(2024, 5, 1)，实际创建的是6月1日
• 要是后续再做日期计算或者展示，很容易误以为是日期少了一天，但其实是月份参数设错了

怎么解决？ #

• 基于本地时区创建日期：放弃纯ISO字符串，改用指定时区的格式，或者直接传年、月、日参数：

  // 方法1：用月份索引创建（4对应5月）
  const localDate1 = new Date(2024, 4, 1);
  // 方法2：指定本地时区（东八区为例）
  const localDate2 = new Date("2024-05-01T00:00:00+08:00");
  

• 统一用UTC时区处理：如果业务不需要区分时区，创建后用UTC相关方法获取日期：

  const utcDate = new Date("2024-05-01");
  console.log(utcDate.getUTCFullYear(), utcDate.getUTCMonth() + 1, utcDate.getUTCDate());
  // 输出：2024 5 1
  

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