Temporal API 演练场 - 现代日期时间处理实验

问题背景

JavaScript 的 Date 对象自 1995 年诞生以来就饱受诟病——月份从 0 开始计数、没有时区支持、修改原对象导致的副作用、毫秒精度不足、API 设计反直觉等缺陷让无数开发者深受其害。社区长期使用 Moment.js、date-fns、Day.js 等第三方库来弥补 Date 的不足，但这些库各有各的局限性，且增加了项目依赖负担。

TC39 提案 Temporal（Stage 3）正是为彻底取代 Date 对象而设计的下一代日期时间 API。它提供了不可变对象、明确的类型系统（PlainDate、PlainTime、ZonedDateTime、Instant 等）、原生时区支持、纳秒级精度、语义化方法链等一系列革命性改进。然而，Temporal 的 API 表面积庞大——涉及十多种类型（PlainDate、PlainTime、ZonedDateTime、Instant、Duration 等）和数十个方法，仅靠阅读文档和规范难以建立直观理解，实际使用中也容易在类型选择和参数传递上犯错。

本演练场正是为此而设计的交互式实验平台。内置 Temporal polyfill，提供 12 种预设实验场景，覆盖日期基础、时间操作、时区处理、时间段计算、比较排序和格式化等核心用法。开发者可以在编辑器中编写和运行 Temporal 代码，实时查看执行结果和控制台输出，通过动手实践快速建立对这个强大日期时间 API 的直观理解。

目标用户

本工具面向以下几类开发者群体，无论你是初次接触 Temporal 还是准备在项目中迁移，都可以通过交互式实验获得直观理解，无需搭建复杂的开发环境：

• 前端与全栈开发者 — 学习 Temporal API 的新特性，为项目迁移做准备
• 技术教育者 — 使用预设实验场景向学生演示日期时间处理的各种用法
• 日期时间库维护者 — 评估 Temporal API 是否可以替代现有日期库
• 国际化应用开发者 — 探索 Temporal 的时区处理和本地化能力

核心差异化优势

• 内置 Polyfill：自动加载 @js-temporal/polyfill，无需额外配置即可运行
• 12 种预设场景：覆盖 Temporal API 的核心用法，从基础到进阶
• 在线代码编辑器：编写和运行 Temporal 代码，实时查看结果
• 一键复制：代码和执行结果支持一键复制