Day.js 简介
Day.js 是一个极简的 JavaScript 库,专为现代浏览器设计。它支持解析、验证、操作和显示日期时间,相比传统方案,它的体积更小,性能更优。
核心特点
在实际选型时,Day.js 的优势非常明显:
- 轻量级:压缩后仅约 5KB,对首屏加载影响极小。
- 无依赖:不捆绑其他库,独立使用即可。
- 链式调用:API 设计流畅,代码可读性高。
- 插件系统:功能可插拔,按需扩展(如国际化、自定义格式)。
- 兼容性好:对于熟悉 Moment.js 的开发者,迁移成本几乎为零。
安装与引入
通过 npm 安装是最常用的方式:
npm install dayjs
在项目中引入:
import dayjs from 'dayjs';
常用时间范围计算
开发中经常需要查询特定时间段的数据,比如'最近 3 天'或'本季度'。利用 startOf 和 endOf 配合 add 方法可以灵活截取。
获取当前及近期范围
// 当天起始到当前
const today = [dayjs().startOf('day'), dayjs()];
// 最近 3 天(含今天往前推 2 天)
const last3Days = [dayjs().add(-2, 'd').startOf('day'), dayjs()];
// 最近 7 天
const last7Days = [dayjs().add(-6, 'd').startOf('day'), dayjs()];
// 最近 15 天
const last15Days = [dayjs().add(-14, ).(), ()];
last30Days = [().(-, ).(), ()];
last90Days = [().(-, ).(), ()];

