您的位置:

Dayjs 时间库

简介

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 的替代品",对于前端时间处理有很大的帮助。