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

【HarmonyOS】时间处理Dayjs

背景


在项目中经常会使用要时间的格式转换,比如数据库返回一个Date数据,你需要转成2024-10-2的格式,鸿蒙的原生SDK中是没有办法实现的,因此,在这里介绍第三方封装好并且成熟使用的库Dayjs。

安装


切换到Entry文件夹下安装dayjs库。

cd .\entry\
ohpm install dayjs

查看oh-package.json5 文件,可以查看是否安装成功

dayjs使用


格式化

  • 基本格式化使用
let time: Date = new Date();
this.message = dayjs(time).format();

默认是 ISO8601 格式的字符串:输出 ‘YYYY-MM-DDTHH:mm:ssZ’ 格式

  • 自定义格式化使用

可以在使用占位符加自定义的字眼来实现自己要的特定效果

          let time: Date = new Date();this.message = dayjs(time).format("YYYY年MM月DD日");

  • 占位符格式化
    • ‘YYYY’ 表示四位数的年份。
    • ‘YY’ 表示两位数的年份。
    • ‘M’ 表示从1到12。
    • ‘MM’ 表示两位数的月份。
    • ‘MMM’ 表示月份缩写。
    • ‘D’ 表示月份中的天数
    • ‘DD’ 表示两位数的日。
    • ‘d’ 一周中的天数,星期天为0,星期一为1
    • ‘HH’ 表示两位数的小时(24小时制)。
    • ‘hh’ 表示12小时制的两位小时数
    • ‘mm’ 表示两位数的分钟。
    • ‘ss’ 表示两位数的秒。

支持以上的占位符

          let time: Date = new Date();this.message = dayjs(time).format("YYYY-MM-DD");

如果需要格式化YY的字符时,可以使用 [YY] 中括号包括。

时间操作

  • 添加时间

使用add方法,传入数值和时间单位,可以实现时间的增加

Button("点击增加时间").width("80%").margin({ top: 20 }).onClick(() => {this.OneDay = dayjs(this.OneDay).add(1, "day").toDate();this.message = dayjs(this.OneDay).format("YYYY-MM-DD");})
  • 减少时间

使用subtract方法,传入数值和时间单位,可以实现时间的减少,再通过todate方法来实现date的更新。

      Button("点击减少时间").width("80%").margin({ top: 20 }).onClick(() => {this.OneDay = dayjs(this.OneDay).subtract(1, "day").toDate();this.message = dayjs(this.OneDay).format("YYYY-MM-DD");})
  • 时间单位

    • 年(‘year’)
    • 月(‘month’)
    • 周(‘week’)
    • 天(‘day’)
    • 小时(‘hour’)
    • 分钟(‘minute’)
    • 秒(‘second’)
  • 时间比较

使用IsBefore方法可以判断day.js对象是否在另一个提供的日期时间之前。(毫秒级别)

使用IsSame方法可以判断day.js对象是否和另一个提供的时间相同。(毫秒级别)

使用IsAfter方法可以判断day.js对象是否在另一个提供的时间之后。(毫秒级别)

上面三种提供时间查询的方法可以将时间单位作为第二个参数传入,可以实现除毫秒以外的单位进行比较。例如,增加了一天,然后查询两个时间年份是否相同,返回结果是true,如果不加单位则为false。

Button("点击测试时间相同").width("80%").margin({ top: 20 }).onClick(() => {let temp = dayjs(this.OneDay).subtract(1, "day");this.message = `${dayjs(this.OneDay).isSame(temp, 'year')}`;})

插件使用


  • AdvancedFormat: 提供更多格式化选项,如季度、Unix 时间戳等。
  • RelativeTime: 用于显示时间的相对表示,如“2小时前”。
  • IsBefore, IsAfter: 用于比较日期。
  • Locale: 支持本地化,允许 Day.js 以用户所在地的语言显示日期。
  • Duration: 用于创建和操作时间段。
  • Timezone: 支持时区转换功能。
  • WeekOfYear, IsoWeek: 用于处理周数的插件,与国际标准或本地习惯相匹配。
  • MinMax: 用于获取一组日期中的最小或最大日期。
  • ToObject, ToArray: 分别将 Day.js 对象转换为 JSON 对象或数组。
  • IsToday:可以判断当前day.js对象是不是今天
http://www.lryc.cn/news/453074.html

相关文章:

  • 论React Native 和 UniApp 的区别
  • 微信小程序处理交易投诉管理,支持多小程序
  • Pikachu-xss防范措施 - href输出 js输出
  • 数据结构双向链表和循环链表
  • go基础面试题汇总第一弹
  • Redis 实现分布式锁时需要考虑的问题
  • 百年极限论一直存在百年糊涂话:有正数小于所有正数
  • 红日靶场1学习笔记
  • 【C++篇】揭开 C++ STL list 容器的神秘面纱:从底层设计到高效应用的全景解析(附源码)
  • 【C#生态园】打造现代化跨平台应用:深度解析.NET桌面应用工具
  • 第二十一章 (动态内存管理)
  • 机器学习框架总结
  • docker pull 超时的问题如何解决
  • 【数学分析笔记】第4章第3节 导数四则运算和反函数求导法则(2)
  • 【2024】基于mysqldump的数据备份与恢复
  • 家用无线路由器配置
  • 模拟算法(4)_外观数列
  • vsomeip用到的socket
  • MFC有三个选项:MFC ActiveX控件、MFC应用程序、MFC DLL,如何选择?
  • 边缘概率 | 条件概率
  • 深入浅出:现代JavaScript开发者必知必会的Web性能优化技巧
  • 【S32K3 RTD LLD篇5】K344 ADC SW+HW trigger
  • TransFormer 视频笔记
  • 前端的混合全栈之路Meteor篇(三):发布订阅示例代码及如何将Meteor的响应数据映射到vue3的reactive系统
  • 自动驾驶系列—颠覆未来驾驶:深入解析自动驾驶线控转向系统技术
  • Webstorm 中对 Node.js 后端项目进行断点调试
  • VUE前后端分离毕业设计题目项目有哪些,VUE程序开发常见毕业论文设计推荐
  • 一、Spring Boot集成Spring Security之自动装配
  • 计数相关的题 Python 力扣
  • Express内置的中间件(express.json和express.urlencoded)格式的请求体数据