HarmonyOS 鸿蒙时间格式化

时间格式化有很多方式，本文将使用轻量级的dayjs实现时间格式化，废话不多说，直接看下边样例

使用方法

第一步、下载依赖

ohpm i dayjs

还有更多好用的第三方库，可以在这里面找 ohpm——OpenHarmony三方库中心仓

第二步、引用资源

import dayJs from 'dayjs'

第三步、使用

   Text(`${dayJs(this.time).format('MM/DD hh:mm')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.time).format('YYYY/MM/DD')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.time).format('YYYY-MM-DD')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.time).format('YYYY-MM-DD hh:mm:ss')}`)
        .fontSize(24)
        .margin({ top: 46 })

完整代码

import dayJs from 'dayjs'

@Entry
@Component
@Preview
struct Index {
  @State time: number = 1716168928000
  @State nowTime: number = Date.now()

  build() {
    Column() {
      Text(`${dayJs(this.time).format('MM/DD hh:mm')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.time).format('YYYY/MM/DD')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.time).format('YYYY-MM-DD')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.time).format('YYYY-MM-DD hh:mm:ss')}`)
        .fontSize(24)
        .margin({ top: 46 })
      Text(`${dayJs(this.nowTime).format('YYYY-MM-DD hh:mm:ss')}`)
        .fontSize(24)
        .margin({ top: 46 })
    }
    .backgroundImageSize({ height: '100%', width: '100%' })
    .height('100%')
    .width('100%')
  }
}

样例图

更多用法，还请看官方文档Day.js中文网