时间格式化有很多方式,本文将使用轻量级的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中文网