Day.js 基本使用

Day.js 基本使用

一、概述

1、中文网

https://dayjs.fenxianglu.cn/

2、简介

Day.js 是一个极简的 JavaScript 库，可以为现代浏览器解析、验证、操作和显示日期和时间。

二、基本使用

1、安装

pnpm add dayjs
1

2、基本使用

https://dayjs.fenxianglu.cn/category/#typescript

import dayjs from "dayjs";
console.log("=====>", dayjs().format("YYYY-MM-DD HH:mm:ss"));
// =====> 2023-09-22 14:56:11
1
2
3

3、获取当前时间

import dayjs from "dayjs";
console.log("=====>", dayjs().format("YYYY-MM-DD HH:mm:ss"));
// =====> 2023-09-22 14:56:11
1
2
3

4、根据时间字符串创建时间对象

import dayjs from "dayjs";
console.log("=====>", dayjs("2018-08-08").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2018-08-08 00:00:00
1
2
3

5、根据时间戳创建时间对象

import dayjs from "dayjs";
console.log("=====>", dayjs(1318781876406).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2011-10-17 11:51:16
1
2
3

6、根据 Date 对象创建时间对象

import dayjs from "dayjs";
console.log("=====>", dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-09-22 14:56:11
1
2
3

7、获取年份

import dayjs from "dayjs";
console.log("=====>", dayjs().year());
// =====> 2021
1
2
3

8、获取月份

import dayjs from "dayjs";
console.log("=====>", dayjs().month());
// =====> 8
1
2
3

9、获取日期

import dayjs from "dayjs";
console.log("=====>", dayjs().date());
// =====> 22
1
2
3

10、传入对象

import dayjs from "dayjs";
console.log(
  "=====>",
  dayjs({ year: 2018, month: 8, day: 8 }).format("YYYY-MM-DD HH:mm:ss")
);
// =====> 2018-08-08 00:00:00
1
2
3
4
5
6

11、传入数组

import dayjs from "dayjs";
console.log("=====>", dayjs([2018, 8, 8]).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2018-08-08 00:00:00
1
2
3

12、UTC 时间

import dayjs from "dayjs";
console.log("=====>", dayjs.utc().format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-09-22 06:56:11
1
2
3

13、获取当前时间戳

import dayjs from "dayjs";
console.log("=====>", dayjs().valueOf());
// =====> 1632290171000
1
2
3

14、Dayjs 复制

import dayjs from "dayjs";
const dayjs1 = dayjs();
const dayjs2 = dayjs1.clone();
console.log("=====>", dayjs1 === dayjs2);
// =====> false 是两个独立的 Day.js 对象
1
2
3
4
5

15、dayjs 对象设置年份

import dayjs from "dayjs";
console.log("=====>", dayjs().set("year", 2018).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2018-09-22 14:56:11
1
2
3

三、操作

1、加上

import dayjs from "dayjs";
console.log("=====>", dayjs().add(1, "year").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2022-09-22 14:56:11
1
2
3

2、减去

import dayjs from "dayjs";
console.log(
  "=====>",
  dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss")
);
// =====> 2020-09-22 14:56:11
1
2
3
4
5
6

3、时间的开始

import dayjs from "dayjs";
console.log("=====>", dayjs().startOf("year").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-01-01 00:00:00
1
2
3

4、时间的结束

import dayjs from "dayjs";
console.log("=====>", dayjs().endOf("year").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-12-31 23:59:59
1
2
3

四、总结

dayjs 是一个轻量的处理时间和日期的库，它的 API 设计的非常简单，使用起来也非常方便，如果你的项目中需要处理时间和日期，那么 dayjs 是一个不错的选择。更多的 API 可以参考官方文档：https://dayjs.fenxianglu.cn/