使用 uni-app 开发项目,日期和时间如何格式化?

功能需求描述

在开发项目时,往往需要对从后端查询到的时间进行格式化,查到的时间格式一般都是时间戳,一堆数字,这时候怎么转化成类似于 2023年8月15日 08:12:10 这样的格式?

在组件显示格式化后的日期

其实 uni-app 的官方拓展组件 uni-dateformat 就能实现这个需求,具体用法是:

<!-- 显示为中文时间格式 -->
<uni-dateformat :date="timestamp"></uni-dateformat>

date 属性可以接受时间戳、js 时间对象或者是时间字符串,非常灵活。而 format 属性则可以设置时间显示格式。

另外如果时间和现在很接近,默认会显示为“刚刚”、“5分钟前”等文字,这是比较友好的时间显示方式,如果只希望显示为时间,可以通过 threshold 属性:

<!-- 不显示刚刚/马上/xx分钟前,以及自定义年月日 -->
<uni-dateformat :date="timestamp" :threshold="[0,0]" format="yyyy年MM月dd日 hh:mm:ss"></uni-dateformat>

上面的代码例子是在 <template> 中使用组件的方式来格式化时间,这个组件很强大,还有很多种用法,可以去阅读官方组件文档。

在 js 中格式化时间日期

有时候我们需要在 js 中来格式化时间,其实也是可以的,这个用法在官方组件文档里没有说明,是我看了组件的源码发现的,就是在 js 引入 uni-dateformat 组件下的 data-format.js,这个模块导出了一个用来格式化时间的方法,详细的用法可以看这篇《uni-app 日期和时间格式化》。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值