装饰公司手机网站,网站哪些功能是PHP做的,个人怎么申请注册商标,培训机构倒闭背景 在项目中经常会使用要时间的格式转换#xff0c;比如数据库返回一个Date数据#xff0c;你需要转成2024-10-2的格式#xff0c;鸿蒙的原生SDK中是没有办法实现的#xff0c;因此#xff0c;在这里介绍第三方封装好并且成熟使用的库Dayjs。
安装 切换到Entry文件夹下…背景 在项目中经常会使用要时间的格式转换比如数据库返回一个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对象是不是今天
