uniapp 时间显示问题

Wg1xg

于 2021-09-03 16:31:09 发布

阅读量1.6k

点赞数 1

分类专栏： uniapp 文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_46264539/article/details/120084657

版权

uniapp 专栏收录该内容

6 篇文章

订阅专栏

博客讲述了在uniapp中遇到的iOS时间格式不兼容问题，详细解析了iOS只识别特定日期格式导致的CountDown组件显示异常。文章提供了转换时间格式的代码示例，以确保在安卓和iOS上都能正确显示倒计时。同时，针对倒计时在页面切换后重置的问题，提出了使用当前时间初始化每个订单倒计时的解决策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp时间显示NAN

原因：ios系统不支持2018-03-09这样格式的时间导致出现的这个问题，IOS只识别2018/03/09这样的格式。

uView组件 CountDown倒计时组件

安卓机显示正常， ios显示 00:00问题，后端返回的数据是2021-07-23 00:00:00格式
需要转换成 2021/07/23 00:00:00格式，然后用时间戳计算

// 待支付订单 倒计时
 AutoCancelOrder() {
   const that = this
   that.orderList.forEach((t, i) => {
     const nowTime = new Date().getTime()
     const oldTime = new Date(t.createTime.replace(/-/gi, '/')).getTime()
     //获取到的时间戳是毫秒级的  1800000（30分钟）需要转成毫秒
     const levelTime = oldTime + 1800000 - nowTime // 倒计时时间
     if (levelTime > 0) {
     //因为上面是毫秒 所以需要除以1000转成秒
       t.timestamp = Math.floor((levelTime / 1000))
     } else {
       that.orderList.splice(i, 1)
     }
   })
  },

倒计时切换页面再回来时间重置到上次编译的时间

每次编译会显示真实的时间，跳转页面再回来会重置到上次编译的时间

//原因：因为我在进入页面new 一个时间来对应所有订单
//解决办法：每循环一条数据new一个当前时间对应一条订单
const nowTime = new Date().getTime()