Day.js 日期处理库全面解析：轻量级 Moment.js 替代方案

裴进众Serene

于 2025-05-30 09:07:21 发布

阅读量280

点赞数 3

本文链接：https://blog.csdn.net/gitblog_01161/article/details/148324893

版权

Day.js 是一个轻量级的 JavaScript 日期处理库，它以仅 2KB 的体积提供了与 Moment.js 几乎相同的 API 设计。对于需要处理日期和时间但关注包体积的开发者来说，Day.js 是一个极佳的解决方案。

Day.js 的核心优势在于其极小的体积（仅 2KB，gzip 压缩后），这使其成为移动端和性能敏感型应用的理想选择。尽管体积小，它却提供了日期处理所需的大部分功能。

Day.js 刻意保持了与 Moment.js 相同的 API 设计，这意味着：

与 Moment.js 不同，Day.js 采用了不可变(Immutable)设计模式。所有操作都会返回新的 Day.js 对象实例，而不是修改原对象。这有助于避免意外的副作用，使代码更可预测。

Day.js 支持流畅的链式调用语法，使得日期操作代码更简洁易读：

dayjs()
  .startOf('month')
  .add(1, 'day')
  .set('year', 2023)
  .format('YYYY-MM-DD')

通过 npm 安装：

npm install dayjs

在项目中引入：

import dayjs from 'dayjs'

const now = dayjs() // 当前时间
const specificDate = dayjs('2023-05-20') // 指定日期

dayjs().format('YYYY年MM月DD日 HH:mm:ss') // "2023年05月20日 14:30:15"

dayjs().add(7, 'day') // 加7天
dayjs().subtract(1, 'month') // 减1个月

dayjs('2023-05-20').isBefore(dayjs()) // 检查是否早于现在
dayjs('2023-12-25').isAfter(dayjs()) // 检查是否晚于现在

Day.js 支持多语言环境，但需要按需加载语言包：

import 'dayjs/locale/zh-cn' // 引入中文语言包

dayjs.locale('zh-cn') // 设置为中文

Day.js 通过插件机制扩展功能，例如：

import advancedFormat from 'dayjs/plugin/advancedFormat'
dayjs.extend(advancedFormat)

dayjs().format('Qo [季度] Do [天]') // "2季度 20天"

Day.js 特别适合以下场景：

Day.js 以其轻量级、API 兼容性和不可变设计，成为现代 JavaScript 项目中处理日期和时间的优秀选择。对于大多数应用场景，它都能提供足够的日期处理能力，同时保持极小的体积。如果你正在寻找 Moment.js 的替代方案，Day.js 绝对值得考虑。

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考