写点什么

为什么 2025/05/28 和 2025-05-28 在 JavaScript 中是不同的日子?

brandondong

  • 2025-07-02
    北京
  • 本文字数:2348 字

    阅读完需:约 8 分钟

为什么2025/05/28和2025-05-28在JavaScript中是不同的日子?

译者 | 平川

策划 | Tina


在搭建这个网站的过程中,我遇到了以下奇怪的事情:


console.log(new Date('2025/05/28').toDateString()); // Wed May 28 2025console.log(new Date('2025-05-28').toDateString()); // Tue May 27 2025// 去掉月份的 0console.log(new Date('2025-5-28').toDateString()); // Wed May 28 2025
复制代码


你在你的机器上可能会得到不同的结果。


发生了什么?


在 JavaScript 中,Date代表一个时间点(即自纪元以来的毫秒数)。把完整的日期字符串打印出来就更明显了:


const date = new Date('2025/05/28');console.log(date); // Wed May 28 2025 00:00:00 GMT-0700 (Pacific Daylight Time)console.log(date.toDateString()); // Wed May 28 2025
复制代码


在这种情况下,传入的日期字符串被解释成我所在时区的一个时间戳。toDateString() 的操作也是相对于本地时间,所以我们得到了相同的月份日期。


和’2025-05-28’的区别在于解析行为。这个字符串被解释为 UTC,所以最终得到了不同的时间点:


const date = new Date('2025-05-28');console.log(date); // Tue May 27 2025 17:00:00 GMT-0700 (Pacific Daylight Time)console.log(date.toDateString()); // Tue May 27 2025
复制代码


为什么会有这种差异?


浏览器日期解析的冒险


在翻阅 Chrome/Firefox/Safari 的代码和提交历史后,我重建了一个时间线:


  • 2009 年,这些浏览器支持解析一系列日期 - 时间格式。当字符串中没有明确指定时区偏移时,它们都会转而使用本地时间,包括像’2025/05/28’这样的日期字符串。

  • ES5 在 2009 年年底发布,要求支持一种新的标准化日期 - 时间格式。在很大程度上,这种格式基于 ISO 8601。这种格式被分为仅日期形式(如’2025-05-28’)和日期 - 时间形式(如’2025-05-27T17:00-07:00’),其中末尾的 UTC 是可选的。

  • 对于没有偏移的仅日期形式或缺少偏移的日期 - 时间形式,关于时区解释,规范说了什么?只是说“字符串可能被解释为本地时间、UTC 时间或某个其他时区的时间,这取决于字符串的内容。”

  • Firefox 是第一个实现这一要求的。他们选择将仅日期形式解释为 UTC,将缺少偏移的日期 - 时间形式解释为本地时间。现在,不仅’2025/05/28’和’2025-05-28’之间存在差异,而且还有令人惊讶的行为,如下所示:


console.log(new Date('2025-05-28')); // Tue May 27 2025 17:00:00 GMT-0700 (Pacific Daylight Time)console.log(new Date('2025-05-28T00:00')); // Wed May 28 2025 00:00:00 GMT-0700 (Pacific Daylight Time)
复制代码


  • 接下来是 Chrome,选择对两者都使用本地时间。

  • 接下来是 Safari,但它的解析逻辑错误地要求必须提供日期、时间和偏移字段。

  • ES5.1 在 2011 年中发布,其中提到,缺少的时区偏移值为 Z。

  • Chrome 更新了其实现,对两种情况都使用 UTC。

  • Safari 修复了早期的 Bug,对两种情况都使用 UTC。

  • 有人提出了规范本身的一个 Bug,ISO 8601 将没有偏移的日期 - 时间表示为本地时间。2015 年,ES6 取代了 ES5.1,并补充道“如果不存在时区偏移,则将日期 - 时间解释为本地时间”。

  • Chrome 切换回对两种情况都使用本地时间。

  • 有人提出了 Chrome 的一个 Bug,它在解析仅日期形式时破坏了向后兼容性。他们撤销了之前的更改。

  • Chrome 提出了规范的一个 问题,经过讨论之后,仅日期形式切换回 UTC,但将缺少偏移的日期 - 时间形式仍为本地(即 Firefox 2009 年的行为)。

  • ES7 发布更新后的要求,Chrome 先做了更改,然后是 Safari。


这种行为一直维持到今天,除了像’2025-05-28’这样的有效 ISO 日期字符串之外,Date 构造函数会将接收到的每个可能的字符串都作为本地时间。


有趣的是,从 2009 年发布到 2020 年初,尽管被设计为标准格式,主要浏览器在处理缺少偏移的情况时从未一致过。与此同时,在解析’2025-05-28T00:00’时,Chrome 经历了多次反复(local → UTC → local → UTC → local )。而这一切只是为了解决 Firefox 2009 年的行为问题,在我看来,它是所有行为中最不直观的。


JavaScript Temporal


JavaScript Temporal 即将面世:这是一组新的日期和时间 API,旨在取代 Date 对象。


整个日期解析问题最初是源于时区歧义,但在很多情况下,我们希望将仅日期字符串视为纯日期。例如,当我说今年的圣诞节是 2025-12-25 时,我指的并不是 2025-12-25T00:00:00.000Z 这个时间。


Date 只能表示后者,而 Temporal 则提供了 纯日期(即不含时区的日期)选项。 '2025-12-25'就是 2025-12-25,完全避免了解析歧义的问题。


但如果我们真想把一个仅日期的字符串解析成一个时间戳呢?如果字符串本身没有时区,Temporal 会选择哪个时区?


答案是:这是一个严重错误;必须提供 偏移 或 时区标识符。不要重复犯错了。


被诅咒的区域


在阅读浏览器日期解析源代码之前,我从未意识到它可以如此宽容。


下面是 Chrome/Firefox 浏览器的一个有趣示例:你能找出为什么这个日期字符串被解析为五月吗?


const date = 'it is wednesday, my dudes. 2025, April, maybe...28(?)';console.log(new Date(date)); // Wed May 28 2025 00:00:00 GMT-0700 (Pacific Daylight Time)
复制代码


原文链接:


https://brandondong.github.io/blog/javascript_dates


声明:本文为 InfoQ 翻译,未经许可禁止转载。


今日好文推荐


用印度程序员冒充AI的“独角兽”彻底倒闭了!伪AI烧光5亿美元,连微软和亚马逊都被“坑”了


前端的下一轮演进:基于AI的状态管理


Next.js 真有那么好用吗?Netlify 谈他们遇到的六个现实问题


浏览器里的 AI 革命:前端工程师的新战场


活动推荐


6 月 27~28 日的 AICon 北京站将继续聚焦 AI 技术的前沿突破与产业落地,围绕 AI Agent 构建、多模态应用、大模型推理性能优化、数据智能实践、AI 产品创新等热门议题,深入探讨技术与应用融合的最新趋势。欢迎持续关注,和我们一起探索 AI 应用的无限可能!



2025-07-02 15:451

评论

发布
暂无评论

SASE是什么?对企业网络安全有什么作用?

Ogcloud

sase SASE服务商

基于ANTLR4的大数据SQL编辑器解析引擎实践|得物技术

得物技术

大数据 后端

基于国产芯片的AI引擎技术,打造更安全的算力生态 | 京东零售技术实践

京东零售技术

长安数智化转型杰出成就!“世界级AI智造新标杆”获全球奖项认可

科技汇

go语言实现终端里的倒计时

不在线第一只蜗牛

Go 后端

顶级专家带队,国内头部具身智能机器人企业[智平方]再度完成数亿元融资!

机器人头条

科技 大模型 人形机器人 具身智能

ISCSI数据盘的多路径配置

天翼云开发者社区

服务器 路径优化

校招加入京东,他悄悄干出了这些大事

京东零售技术

F5 携手NVIDIA BlueField-3 DPU加速服务提供商边缘AI发展

科技热闻

2025 年开源替代方案为何正在取代 OutSystems?技术自由度与成本优势深度解析

NocoBase

开源 低代码 开发工具 无代码 工具推荐

DeepSeek 3FS:端到端无缓存的存储新范式

XSKY星辰天合

实测 DeepSeek 3FS:我们拆解了性能怪兽的暴力美学

XSKY星辰天合

如何避免忽略安全、性能等非功能性需求

易成研发中心

利用FinClip优化小程序支付链路的事件分析

xuyinyin

华为云昇腾专区重磅上线!带你入门昇腾AI技术与DeepSeek实践

华为云开发者联盟

AI 大模型 昇腾 DeepSeek

【FAQ】HarmonyOS SDK 闭源开放能力 —Live View Kit (2)

HarmonyOS SDK

harmoyos

ManusAI爆火,不起眼的MCP浮现,被称为是AI Agent的“超级连接器”

AI数据云Relyt

AI Agent 多智能体

QwQ-32B:思维链能力本地化部署的福音?

冯骐

大模型 大语言模型 思维链 DeepSeek QwQ

如何建立需求变更的规范化流程

易成研发中心

Get这个秘籍,鸿蒙原生应用页面滑动丝滑无比

HarmonyOS开发者

什么是NS记录?NS记录怎么设置?

国科云

13款需求池管理系统盘点:2025年最新整理

易成研发中心

需求池管理系统

Ogphone云手机:海外社媒运营风控问题的解决方案

Ogcloud

云手机 海外云手机 海外社媒运营 ogphone云手机 海外社媒养号

为什么2025/05/28和2025-05-28在JavaScript中是不同的日子?_编程语言_InfoQ精选文章