简介
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 的替代品”，对于前端时间处理有很大的帮助。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/312530.html
微信扫一扫 
支付宝扫一扫 