×

在任何设备上优雅地查看全球时间,快速换算跨时区会议

hqy hqy 发表于2025-07-14 22:41:39 浏览4 评论0

抢沙发发表评论

Datetime.app

datetime.app 是由 airyland 团队开源开发的一款面向开发者与远程团队的现代化时钟与时间工具,专为处理多时区、多格式时间需求而设计。它支持世界时钟显示、时区转换及多种时间格式处理,并内置数十种实用的时间相关功能。

该工具界面简洁直观、无广告干扰,非常适合在远程协作、跨时区会议安排、开发调试等场景中高效使用,是一款兼具美观性与实用性的专业时间助手。

图片

✨ 核心功能亮点

1.世界时钟:自由选择多个城市/时区,一览全球时间,秒级刷新。
2. 时区转换:轻松比较两个时区的时间差。
3. 多种格式: 24h / 12h、ISO 8601、Unix 时间戳、RFC 2822 。
3. 年龄和时间进度:计算年龄、显示当前年份进度条。
4. 倒计时:会议或事件倒计时功能。
5. 日出日落:基于地理位置实时获取日出日落时间。
6. 公共假期:覆盖全球200+国家假期数据。
7. 开发者工具:Unix 时间戳、ISO 8601 格式、时钟校准检测。
8. 多语言支持:支持13种语言,切换无障碍。
9. 主题切换: 亮色 / 暗色 / 系统跟随 。

技术架构

层级
技术栈
备注
前端框架
Next.js 14 + TypeScript + Tailwind CSS
静态导出,首屏 < 200 KB
状态管理
React Hook + Zustand
本地持久化
时区库date-fns-tz
 + Intl.DateTimeFormat
浏览器原生 API,无额外依赖
构建 & 部署
Vercel 默认 / GitHub Actions CI
自动 PR 预览
Docker
基于 Node 20 Alpine,镜像 < 100 MB
支持 linux/amd64 & arm64
PWAnext-pwa
离线缓存、启动动画、图标全包

安装与使用

① 在线即用(0 安装)

打开官方:https://datetime.app
→ 选择城市 → 立即查看/转换时间
→ 浏览器菜单 “安装应用” → 秒变桌面 App。

② Docker 自托管(1 分钟)

# 1. 拉取镜像
docker pull ghcr.io/airyland/datetime.app:latest

# 2. 运行
docker run -d -p 3000:3000 --name datetime ghcr.io/airyland/datetime.app:latest

# 3. 访问
open http://localhost:3000

③ 源码本地开发

git clone https://github.com/airyland/datetime.app.git
cd datetime.app
pnpm install        # 或使用 npm / yarn
pnpm run dev        # http://localhost:3000
pnpm run build      # 生成静态 dist → 可部署到 Nginx/Vercel

五、使用流程(3 步完成会议排期)

  1. 1. 添加城市
    点击 “+” → 搜索时区或城市 → 回车即添加。
  2. 2. 时间转换
    在左侧输入框输入 本地时间 → 右侧实时显示 所有城市对应时间
  3. 3. 分享 & 复制
    • • 点击 “? 生成分享链接” → 直接发给同事
    • • 点击 “? 复制 ISO/Unix” → 粘贴到代码/Slack

? 项目信息一览

  • • 项目地址:https://github.com/airyland/datetime.app
  • • 在线体验:https://datetime.app
  • • Stars / Forks:≈ 141⭐ / 9?
  • • License:MIT
  • • 适合场景:远程团队、开发者、跨时区协作、上线 PWA 世界时钟


打赏

本文链接:https://kinber.cn/post/5276.html 转载需授权!

分享到:


推荐本站淘宝优惠价购买喜欢的宝贝:

image.png

 您阅读本篇文章共花了: 

群贤毕至

访客