16
17
Day.js极简轻易快速2kB的JavaScript库-替代Moment.js
2025-04-30 19:13:30
0点赞
1收藏
0评论
Dayjs介绍
dayjs是一个极简快速2kB的JavaScript库，可以为浏览器处理解析、验证、操作和显示日期和时间，它的设计目标是提供一个简单、快速且功能强大的日期处理工具，同时保持极小的体积（仅 2KB 左右）。 Day.js 的 API 与 Moment.js 高度相似，因此对于熟悉 Moment.js 的开发者来说，迁移到 Day.js 非常容易。
Dayjs文档
最早找到的一个算是中文的dayjs中文官网
使用场景
Day.js 适用于各种需要处理日期和时间的场景，例如：
在 Web 应用中显示和格式化日期
处理用户输入的日期
计算倒计时或时间间隔
在日历应用中管理事件日期
在数据可视化中处理时间序列数据
安装 Day.js 可以通过 npm 或 yarn 安装 Day.js：
安装 Day.js 可以通过 npm 或 yarn 安装 Day.js：
或者
yarn add dayjs
你也可以通过 CDN 直接在 HTML 文件中引入 Day.js：
<ｓｃｒｉｐｔ src="https://unpkg.com/dayjs">ｓｃｒｉｐｔ>
如何使用 Day.js
基本用法
首先，引入 Day.js：
import dayjs from 'dayjs';
然后，你可以使用 Day.js 来解析和格式化日期：
const now = dayjs(); console.log(now.format('YYYY-MM-DD')); // 输出当前日期，例如：2023-10-01
解析日期
Day.js 可以解析多种格式的日期：
const date = dayjs('2023-10-01'); console.log(date.format('MMMM D, YYYY')); // 输出：October 1, 2023
操作日期
你可以轻松地添加或减去时间：
const tomorrow = dayjs().add(1, 'day'); console.log(tomorrow.format('YYYY-MM-DD')); // 输出明天的日期 const lastWeek = dayjs().subtract(1, 'week'); console.log(lastWeek.format('YYYY-MM-DD')); // 输出一周前的日期
比较日期
Day.js 提供了多种方法来比较日期：
const date1 = dayjs('2023-10-01'); const date2 = dayjs('2023-10-02'); console.log(date1.isBefore(date2)); // true console.log(date1.isAfter(date2)); // false console.log(date1.isSame(date2, 'day')); // false
本地化支持
Day.js 支持多种语言的本地化：
import 'dayjs/locale/zh-cn'; // 引入中文本地化 dayjs.locale('zh-cn'); // 设置为中文 console.log(dayjs().format('MMMM D, YYYY')); // 输出：十月 1, 2023
