原生Intl API支持多语言、时区和自定义格式化,适合国际化场景;2. date-fns提供轻量函数式操作,支持Tree Shaking;3. Day.js兼容Moment.js语法,体积小且支持插件扩展;4. Temporal为未来标准,提升类型安全与日期计算精度。根据需求选择方案即可。
现代JavaScript开发中,日期处理是常见需求。过去Moment.
js
几乎是唯一选择,但因其体积大、性能差,逐渐被更轻量、更高效的方案取代。目前已有多个优秀替代方案,能更好地满足项目需要。
使用原生Intl API进行格式化
浏览器
原生支持的
Intl.DateTimeFormat
可完成大多数格式化任务,无需引入外部库。
它支持时区、语言、日期时间组件的灵活配置,适合国际化场景。
按本地格式显示日期:
自定义输出:
处理时区:
采用date-fns实现函数式操作
date-fns
是最流行的Moment.js替代品之一,提供纯函数API,支持Tree Shaking,打包体积小。
每个方法独立导出,只引入用到的功能,提升性能。
格式化:
计算差异:
加减操作:
解析字符串:
使用Day.js满足轻量级需求
如果你习惯Moment.js的链式调用风格,
Day.js
是理想选择。API设计高度兼容,体积却只有2KB左右。
Comet AI 浏览器
下载 Comet AI 浏览器,体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作,让 AI 成为你的浏览副驾,大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
插件机制允许按需扩展功能,如相对时间、时区支持等。
创建实例:
格式化输出
:
相对时间:
→ “2小时前”
不可变性:每次操作返回新实例,避免意外修改
探索Temporal提案(未来方向)
Temporal 是JavaScript正在推进的日期处理新标准,已在部分浏览器实验性支持。语法更清晰,类型更丰富,解决传统Date对象的诸多缺陷。
虽然尚未全面可用,但值得提前了解。
精确时区操作:
日期计算更安全:
明确区分“日期”、“时间”、“时间戳”等类型
可通过polyfill尝试使用
基本上就这些。根据项目规模和需求选择合适方案:简单格式化优先用Intl,复杂操作选date-fns或Day.js,长期项目可关注Temporal进展。不复杂但容易忽略的是,多数情况下原生能力已足够强大。
new Intl.DateTimeFormat('zh-CN').format(new Date())new Intl.DateTimeFormat('en-US', { year: 'numeric', month: 'short' }).format(date)new Intl.DateTimeFormat('zh-CN', { timeZone: 'America/New_York' })format(new Date(), 'yyyy-MM-dd HH:mm')differenceInDays(date1, date2)addMonths(new Date(), 1)parseISO('2024-01-01T00:00:00Z')dayjs('2024-01-01')dayjs().format('YYYY年MM月DD日')dayjs().fromNow()Temporal.ZonedDateTime.from(...)plainDate.plus({ days: 1 })