简介
Dayjs 是一个轻量级的 JavaScript 时间库, 号称是 "Moment.js 的替代品"。Dayjs 跟 Moment.js 非常相似,但是有更小的体积(2KB less)和更快的速度。它是一个简单易用,功能强大的时间处理工具库。Dayjs 支持时间格式化、时间戳转换、时间计算,以及基本的标准时间操作等。
安装
你可以通过 NPM 安装 Dayjs:
npm install dayjs --save
如果你想在浏览器中使用 Dayjs,可以通过 CDN 引入:
<script src="https://cdn.jsdelivr.net/npm/dayjs"></script>
用法
1、时间格式化
Dayjs 允许格式化时间以显示所需的值。可以使用以下格式化字符:
- YYYY: 四位数完整年份, 例如 2022
- YY: 两位数缩写年份, 例如 22
- MMMM: 完整中文月份, 例如 1月
- MMM: 缩写中文月份, 例如 1月
- MM: 两位数带前导零的月份, 例如 01
- M: 无前导零的月份, 例如 1
- DD: 两位数带前导零的日期, 例如 01
- D: 无前导零的日期, 例如 1
- HH: 两位数带前导零的小时, 例如 01
- H: 无前导零的小时, 例如 1
- mm: 两位数带前导零的分钟, 例如 01
- m: 无前导零的分钟, 例如 1
- ss: 两位数带前导零的秒数, 例如 01
- s: 无前导零的秒数, 例如 1
Dayjs 提供了一种方法来替换这些格式字符的值。以下是一些常见的示例:
```javascript import dayjs from 'dayjs'; const now = dayjs(); const timeString = now.format("YYYY年MM月DD日 HH:mm:ss"); console.log(timeString); // 输出: 2022年01月01日 01:01:01 ```2、时间戳转换
Dayjs 也可以将时间戳转换为日期对象。只需将时间戳传递给 Dayjs,然后使用格式化字符获取格式化值。以下是一个示例:
```javascript import dayjs from 'dayjs'; const timestamp = 1640999564247; const date = dayjs(timestamp); const dateString = date.format('YYYY-MM-DD HH:mm:ss'); console.log(dateString); // 输出: 2022-01-01 01:01:04 ```3、时间计算
Dayjs 也提供了一些简单易用的时间计算功能,比如减去或添加天数、小时、分钟等。以下是一些示例:
```javascript import dayjs from 'dayjs'; // 得到天数差 const date1 = dayjs('2022-01-01'); const date2 = dayjs('2022-01-05'); const diff = date2.diff(date1, 'day'); console.log(diff); // 输出: 4 // 得到当天凌晨时间戳 const today = dayjs().startOf('day').valueOf(); console.log(today); // 自定义时间格式 const date3 = dayjs('2022-01-01 12:00:00'); const date4 = date3.add(1, 'hour').subtract(30, 'minute'); const formattedDate = date4.format('YYYY-MM-DD HH:mm:ss'); console.log(formattedDate); // 输出: 2022-01-01 12:30:00 ```总结
Dayjs 是一个非常实用的 JavaScript 时间处理库。它支持时间格式化、时间戳转换、时间计算等基本的时间操作,而且具有轻量、快速等特点。Dayjs 确实是 "Moment.js 的替代品",对于前端时间处理有很大的帮助。