当前位置: 首页 > news >正文

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
格式化字符说明
输入示例描述
YY18两位数的年份
YYYY2018四位数的年份
M1-12月份,从 1 开始
MM01-12月份,两位数
D1-31月份里的一天
DD01-31月份里的一天,两位数
H0-23小时
HH00-23小时,两位数
h1-12小时, 12 小时制
hh01-12小时, 12 小时制, 两位数
m0-59分钟
mm00-59分钟,两位数
s0-59
ss00-59秒,两位数
S0-9毫秒,一位数
SS00-99毫秒,两位数
SSS000-999毫秒,三位数
AAM / PM上午 下午 大写
aam / pm上午 下午 小写
X1410715640.579Unix 时间戳
x1410715640579Unix 时间戳

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(数量,单位)

计算单位说明
单位缩写描述
dayd
weekw
monthM月份(0-11)
quarterQ季度,依赖 QuarterOfYear 插件
yeary
hourh小时
minutem分钟
seconds
millisecondms毫秒

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

相关文章:

  • DeepSeek 助力 Vue3 开发:打造丝滑的表格(Table)之添加行拖拽排序功能示例14,TableView16_14 拖拽自动保存示例
  • python leetcode简单练习(1)
  • 【FreeRTOS】任务(TASK)——任务的创建(源码解读)
  • Qt中绘制不规则控件
  • ​Linux 中 nmap 命令详解:从基础到实战的全面指南
  • dfs记忆化搜索刷题 + 总结
  • 如何判断列表a中元素是否在列表b中
  • [leetcode]2685. 统计完全连通分量的数量
  • C++ 结构体、结构体指针与结构体指针数组详解
  • RabbitMQ 的三种集群模式
  • ETL数据集成:企业数字化转型的核心驱动力与实施策略
  • C++ Primer Plus 编程练习题 第五章 循环和关系表达式
  • 22-ArkTs 常见错误
  • DataPlatter:利用最少成本数据提升机器人操控的泛化能力
  • K8S学习之基础六十四:helm常用命令
  • 戴尔电脑安装Ubuntu双系统
  • 设计模式中的“万能转换器”——适配器模式
  • 【AI News | 20250331】每日AI进展
  • 鸿蒙编译构建-多目标产物
  • Scala循环守卫
  • vi编辑器常见命令
  • stm32第十一天外部中断按键控制灯
  • 自定义类型:结构体
  • 【Java】——数组深度解析(从内存原理到高效应用实践)
  • CentOS 7上手动强制升级docker-compose(不使用yum)
  • 苍穹外卖项目结构
  • Loadrunner报错Virtual User Generator 初始化用户生成器失败 初始化失败
  • AI产品的架构(分四层)
  • ArkUI —— 组件导航
  • zk基础—1.一致性原理和算法二