在线制作表白网站的源码在线客服

在前端项目开发中，不可避免的会和时间打上交道，我为什么这么笃定呢，因为避免的人不会来看我这篇文章-_-嘿嘿~~

时间格式化，我这边推荐的是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 = 1742959830584let timeVal = dayjs(time).format('YYYY-MM-DD HH:DD')
// 2025-03-26 11:30let 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中文网站