基于YYYY-MM-DD字符串创建本地时区JavaScript Date对象的问题

这其实是ECMAScript规范明确规定的Date构造函数行为，不是bug，很多开发者第一次遇到都会困惑：

为什么会有差异？ #

• 当你传入YYYY-MM-DD这种无时间部分的ISO 8601格式字符串时，new Date()会默认将其解析为UTC时区的当日午夜零点。比如在美国西海岸（西八区），UTC的2018-01-19 00:00对应的本地时间是2018-01-18 16:00，所以用date-fns格式化后自然显示为2018-01-18。
• 而当字符串包含时间部分（哪怕是00:00），比如YYYY-MM-DD HH:mm，Date构造函数会切换为本地时区解析，所以new Date('2018-01-19 00:00')就是本地时区的当日零点，格式化后显示正确的2018-01-19。

怎么解决？不需要每次手动设置，但有几种更可靠的方式： #

• 统一字符串格式：给无时间的日期字符串拼接上 00:00或者T00:00，比如new Date('2018-01-19 00:00')，强制构造函数用本地时区解析。
• 用date-fns的解析函数替代原生构造：date-fns的parse函数可以明确按照指定格式和本地时区解析，避免原生解析的歧义：

  import { parse, format } from 'date-fns';
  
  const localDate = parse('2018-01-19', 'yyyy-MM-dd', new Date());
  console.log(format(localDate, 'yyyy-MM-dd')); // 始终输出本地时区的2018-01-19
  

• 直接用年/月/日参数构造Date：如果能拆分出年、月、日的值，直接用new Date(year, monthIndex, day)（注意月份是0-based，1月对应0）：

  const localDate = new Date(2018, 0, 19); // 本地时区的2018年1月19日零点
  console.log(format(localDate, 'yyyy-MM-dd')); // 2018-01-19
  

总结 #

原生Date的这种行为是规范要求的，核心差异在于ISO 8601无时间格式默认走UTC，带时间格式走本地时区。只要换用上面的任意一种方式，就能确保无时间的日期字符串被解析为本地时区的当日零点，不需要每次手动设置时间~

内容的提问来源于stack exchange，提问作者oldo.nicho