Day.js一个2k轻量级的时间日期处理库
dayjs介绍
dayjs是一个极简快速2kB的JavaScript库,可以为浏览器处理解析、验证、操作和显示日期和时间,它的设计目标是提供一个简单、快速且功能强大的日期处理工具,同时保持极小的体积(仅 2KB 左右)。 Day.js 的 API 与 Moment.js 高度相似,因此对于熟悉 Moment.js 的开发者来说,迁移到 Day.js 非常容易。
Dayjs文档
最早找到的一个算是中文的dayjs中文官网
https://dayjs.uihtm.com
使用场景
Day.js 适用于各种需要处理日期和时间的场景,例如:
- 在 Web 应用中显示和格式化日期
- 处理用户输入的日期
- 计算倒计时或时间间隔
- 在日历应用中管理事件日期
- 在数据可视化中处理时间序列数据
安装 Day.js
可以通过 npm 或 yarn 安装 Day.js:
安装 Day.js
可以通过 npm 或 yarn 安装 Day.js:
或者
yarn add dayjs
你也可以通过 CDN 直接在 HTML 文件中引入 Day.js:
<script src="https://unpkg.com/dayjs"></script>
如何使用 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