选择源城市和目标城市，输入当地时间，即可查看对应的当地时间及其 UTC 偏移。
1700000000 是什么时候？为什么有些系统用 13 位数字？为什么时间恰好差了 8 个小时？弄懂几个概念，大部分时间相关的 bug 就会消失。
Unix 时间戳(Unix 时间、纪元时间)是一个整数，表示自 1970 年 1 月 1 日 00:00:00 UTC(即 Unix 纪元)以来经过的秒数。0 是 1970-01-01 00:00:00 UTC，1700000000 是 2023-11-14 22:13:20 UTC。
0 → 1970-01-01 00:00:00 UTC
1700000000 → 2023-11-14 22:13:20 UTC
1735689600 → 2025-01-01 00:00:00 UTC
2147483647 → 2038-01-19 03:14:07 UTC什么是 Unix 时间戳、如何区分 10 位和 13 位数值、UTC 与本地时间的换算、夏令时陷阱以及 2038 年问题。阅读指南 →
想要自己的版本？把下面的任务提示词粘贴到 AI 聊天中，或将技能文件保存到 AI 编程助手。其中包含我们开发此工具时整理的功能、边界情况和测试用例。
提示词和技能以英文提供，AI 工具在任何语言环境下都能很好地理解。
直接粘贴到 Claude、ChatGPT、Gemini 等 AI 聊天中即可。
You are an experienced full-stack web developer. Build a web tool called "时区计算器" that meets the requirements below.
## Goal
Build a tool that shows a date and time from one zone in several other time zones.
## Core features
- Enter a base zone, date and time
- Add or remove cities (IANA zones)
- Show UTC offset and whether DST applies
- Highlight overlapping office hours (09–18)
- Copy the result table
## Inputs
- Base zone, date and time
- List of zones to compare
## Outputs
- Local date and time per zone
- Offset from the base zone
## Edge cases and handling rules
- Clearly mark date changes (+1 day, −1 day)
- Offset changes around DST start and end
- Half- and quarter-hour offsets (India, Nepal)
- Use IANA names rather than fixed offsets
## Implementation requirements
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.
## Definition of done (test cases)
- 2026-01-15 09:00 Asia/Seoul → 2026-01-14 19:00 America/New_York
- 2026-07-15 09:00 Asia/Seoul → 2026-07-14 20:00 America/New_York
- Asia/Kolkata is +05:30
First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.在 Claude Code 等 AI 编程助手中保存为 .claude/skills/build-timezone-calculator/SKILL.md，以后开发或修改此工具时可重复使用。
---
name: build-timezone-calculator
description: Use when building or changing a 时区计算器 tool. Build a tool that shows a date and time from one zone in several other time zones.
---
# Build: 时区计算器
## Goal
Build a tool that shows a date and time from one zone in several other time zones.
## Workflow
1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.
## Core features
- Enter a base zone, date and time
- Add or remove cities (IANA zones)
- Show UTC offset and whether DST applies
- Highlight overlapping office hours (09–18)
- Copy the result table
## Inputs
- Base zone, date and time
- List of zones to compare
## Outputs
- Local date and time per zone
- Offset from the base zone
## Rules
- Clearly mark date changes (+1 day, −1 day)
- Offset changes around DST start and end
- Half- and quarter-hour offsets (India, Nepal)
- Use IANA names rather than fixed offsets
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
## Verification
- [ ] 2026-01-15 09:00 Asia/Seoul → 2026-01-14 19:00 America/New_York
- [ ] 2026-07-15 09:00 Asia/Seoul → 2026-07-14 20:00 America/New_York
- [ ] Asia/Kolkata is +05:30