前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Day.js 基本使用

Day.js 基本使用

作者头像
訾博ZiBo
发布2025-01-06 20:11:14
发布2025-01-06 20:11:14
10700
代码可运行
举报
运行总次数:0
代码可运行

Day.js 基本使用

一、概述

1、中文网

https://dayjs.fenxianglu.cn/

2、简介

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

二、基本使用

1、安装

代码语言:javascript
代码运行次数:0
运行
复制
pnpm add dayjs

2、基本使用

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

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().format("YYYY-MM-DD HH:mm:ss"));
// =====> 2023-09-22 14:56:11

3、获取当前时间

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().format("YYYY-MM-DD HH:mm:ss"));
// =====> 2023-09-22 14:56:11

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

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs("2018-08-08").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2018-08-08 00:00:00

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

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs(1318781876406).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2011-10-17 11:51:16

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

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs(new Date()).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-09-22 14:56:11

7、获取年份

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().year());
// =====> 2021

8、获取月份

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().month());
// =====> 8

9、获取日期

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().date());
// =====> 22

10、传入对象

代码语言:javascript
代码运行次数:0
运行
复制
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

11、传入数组

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs([2018, 8, 8]).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2018-08-08 00:00:00

12、UTC 时间

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs.utc().format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-09-22 06:56:11

13、获取当前时间戳

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().valueOf());
// =====> 1632290171000

14、Dayjs 复制

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
const dayjs1 = dayjs();
const dayjs2 = dayjs1.clone();
console.log("=====>", dayjs1 === dayjs2);
// =====> false 是两个独立的 Day.js 对象

15、dayjs 对象设置年份

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().set("year", 2018).format("YYYY-MM-DD HH:mm:ss"));
// =====> 2018-09-22 14:56:11

三、操作

1、加上

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().add(1, "year").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2022-09-22 14:56:11

2、减去

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log(
  "=====>",
  dayjs().subtract(1, "year").format("YYYY-MM-DD HH:mm:ss")
);
// =====> 2020-09-22 14:56:11

3、时间的开始

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().startOf("year").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-01-01 00:00:00

4、时间的结束

代码语言:javascript
代码运行次数:0
运行
复制
import dayjs from "dayjs";
console.log("=====>", dayjs().endOf("year").format("YYYY-MM-DD HH:mm:ss"));
// =====> 2021-12-31 23:59:59

四、总结

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-01-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Day.js 基本使用
  • 一、概述
    • 1、中文网
    • 2、简介
  • 二、基本使用
    • 1、安装
    • 2、基本使用
    • 3、获取当前时间
    • 4、根据时间字符串创建时间对象
    • 5、根据时间戳创建时间对象
    • 6、根据 Date 对象创建时间对象
    • 7、获取年份
    • 8、获取月份
    • 9、获取日期
    • 10、传入对象
    • 11、传入数组
    • 12、UTC 时间
    • 13、获取当前时间戳
    • 14、Dayjs 复制
    • 15、dayjs 对象设置年份
  • 三、操作
    • 1、加上
    • 2、减去
    • 3、时间的开始
    • 4、时间的结束
  • 四、总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档