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


    功能需求描述

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

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

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

    1. <uni-dateformat :date="timestamp">uni-dateformat>

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

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

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

    上面的代码例子是在