dayjs dayjs时间格式化工具(时间计算、时间格式化)
在前端项目开发中,不可避免的会和时间打上交道,我为什么这么笃定呢,因为避免的人不会来看我这篇文章-_-嘿嘿~~
时间格式化,我这边推荐的是dayjs工具函数,因为Day.js是一个极简的JavaScript库,可以为现代浏览器解析、验证、操作和显示日期和时间。(官话)
简单的举例一下使用方法
起步:引入工具函数
npm下载
npm install dayjs
1、时间格式化
import dayjs from 'dayjs';
let time = dayjs(1742959830584).format('YYYY-MM-DD HH:DD')
// 2025-03-26 11:30
输入 | 示例 | 描述 |
---|---|---|
YY | 18 | 两位数的年份 |
YYYY | 2018 | 四位数的年份 |
M | 1-12 | 月份,从 1 开始 |
MM | 01-12 | 月份,两位数 |
D | 1-31 | 月份里的一天 |
DD | 01-31 | 月份里的一天,两位数 |
H | 0-23 | 小时 |
HH | 00-23 | 小时,两位数 |
h | 1-12 | 小时, 12 小时制 |
hh | 01-12 | 小时, 12 小时制, 两位数 |
m | 0-59 | 分钟 |
mm | 00-59 | 分钟,两位数 |
s | 0-59 | 秒 |
ss | 00-59 | 秒,两位数 |
S | 0-9 | 毫秒,一位数 |
SS | 00-99 | 毫秒,两位数 |
SSS | 000-999 | 毫秒,三位数 |
A | AM / PM | 上午 下午 大写 |
a | am / pm | 上午 下午 小写 |
X | 1410715640.579 | Unix 时间戳 |
x | 1410715640579 | Unix 时间戳 |
2、时间加减
import dayjs from 'dayjs';
let time = 1742959830584
let timeVal = dayjs(time).format('YYYY-MM-DD HH:DD')
// 2025-03-26 11:30
let newTime = dayjs(time).add(1, 'day'); // 增加一天
// 2025-03-27 11:30
加:add(数量,单位)
减:subtract(数量,单位)
单位 | 缩写 | 描述 |
---|---|---|
day | d | 日 |
week | w | 周 |
month | M | 月份(0-11) |
quarter | Q | 季度,依赖 QuarterOfYear 插件 |
year | y | 年 |
hour | h | 小时 |
minute | m | 分钟 |
second | s | 秒 |
millisecond | ms | 毫秒 |
3、计算时间差
import dayjs from 'dayjs';
let time1 = 1742959830584;
let time2 = dayjs(1742959830584).add(1,'day'); // 模拟增加一天
let num = dayjs(time2).diff(time1,'day')
// 1
公式大致是:dayjs(结束时间).diff(开始时间,单位)
单位参照上面
dayjs中文网站
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.dtcms.com/a/102089.html
如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!