一、dayjs是什么？

Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样。
Day.js 是更现代并且更轻量化，更加容易扩展的一个库。

二、使用步骤

1.安装使用

npm install dayjs --save

2.vue页面引入

import dayjs from 'dayjs' // 6.9k (gzip : 3k)

3.常用 api

说明	示例	结果
获取`当前`时间	dayjs().format(‘YYYY-MM-DD HH:mm:ss’)	2022-03-28 17:14:09
格式化传入的`标准时间`	let time = Wed Apr 06 2022 16:34:24 GMT+0800 (中国标准时间) dayjs(time).format(‘YYYY-MM-DD HH:mm:ss’)	2022-03-28 17:14:09
获取时间`相隔`	dayjs(new Date(2021, 10, 1)).diff(new Date(2022, 10, 1), “day”)	-365
添加日、月、年、时、分、秒	dayjs(“2022-09-17 08:10:00”).add(20, “minute”).format(‘YYYY-MM-DD HH:mm:ss’)	2022-09-17 08:30:00
减去日、月、年、时、分、秒	dayjs(“2022-09-17 08:10:00”).subtract(20, “minute”).format(‘YYYY-MM-DD HH:mm:ss’)	2022-09-17 07:50:00
获取指定时间到现在的时`间差`	import relativeTime from “dayjs/plugin/relativeTime” dayjs.extend(relativeTime) dayjs(“2021-09-16 13:28:55”).fromNow();	a year ago
获取时间`相隔`	import weekOfYear from “dayjs/plugin/weekOfYear”; dayjs.extend(weekOfYear); dayjs(“2022-02-13 14:00:00”).week();	8

4.更多 api ➡️

dayjs格式化使用相关推荐

利用dayjs格式化时间
1. 下载 dayjs 并导入到当前组件中 npm install dayjs --save import dayjs from 'dayjs' 解析:dayjs使用 2. 创建格式化入职日期的过滤器 ...
JS日期与字符串相互转换（时间格式化YYYY-MM-DD，Dayjs的使用）
JS日期与字符串相互转换--JS封装函数,Dayjs转换时间格式相关文章调用场景复现一.JS封装函数 1.日期转字符串 2.字符串转日期二. Dayjs转换时间格式 1.Dayjs快速安装与使 ...
uni-app开发，防止踩坑
一.组件设置全屏覆盖设置宽度和高度100%是没用的需要在里面加设置一层view,并且设置对应宽高分别为vw和vh <uni-popup><view class="wra ...
Day.js轻量级 JavaScript 时间日期处理库可替代Moment.js
Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库,和 Moment.js 的 API 设计保持完全一样.如果你曾经用过 Moment.js ,那么你已经知道如何使用 ...
dayjs 时间格式化
1.安装 npm install dayjs --save 2.封装处理方法 methods: {// str='默认值' str如果不传读取默认值'YYYY-MM-DD'formatDate(va ...
JS日期格式化——数字日期转中文日期（封装函数，dayjs时间格式化YYYY-MM-DD）
JS数字日期转中文日期往期相关文章场景复现封装函数(数字日期转中文日期) 实际应用往期相关文章文章内容文章链接 JS数组对象--根据日期进行排序,按照时间进行升序或降序排序 https:/ ...
dayjs 源码解析（一）（api）
前言作为一个程序员,阅读别人优秀代码是提升自己技术能力的一个很好的方法.下面,我将自己阅读 dayjs(v1.6.10)的源码的过程记录下来. 阅读库的代码,首先先要知道这个库的作用 dayjs 是 ...
iso8601时间格式_ISO8601与dayjs的使用
在项目过程中遇到了要操作时间的需求,以前不是很了解,在这里做一个记录. 首先是ISO 8601,这是一个国际标准化组织的国际标准ISO 8601是日期和时间的表示方法,全称为<数据存储和交换形式 ...
dayjs也可回显AntD DatePicker的值
遇到的问题:react 使用AntD 表单里有多个RangePicker,查看修改时要回显值. antd的DatePicker需要的是moment对象.但是项目里引的是dayjs库解决方式: 方式一 ...
dayjs文档
转载自 dayjs API Dayjs 并没有改变或覆盖 Javascript 原生的 Date.prototype, 而是创造了一个全新的包含 Javascript Date 对象的 Dayjs ...

dayjs格式化使用

文章目录

一、dayjs是什么？

二、使用步骤

1.安装使用

2.vue页面引入

3.常用 api

4.更多 api ➡️

dayjs格式化使用相关推荐

最新文章

热门文章

dayjs格式化使用

文章目录

一、dayjs是什么？

二、使用步骤

1.安装使用

2.vue页面引入

3.常用 api

4.更多 api ➡️ insertAdIfNeeded();

dayjs格式化使用相关推荐

最新文章

热门文章

4.更多 api ➡️