uni-app开发微信小程序,IOS苹果手机上时间格式化错误显示Invalid Date问题解决方案

QDKuz

已于 2023-09-07 09:57:05 修改

阅读量2.5k

点赞数 1

分类专栏： uni-app开发微信小程序经验积累文章标签： uni-app 微信小程序 ios

于 2023-09-07 09:56:41 首次发布

本文链接：https://blog.csdn.net/weixin_45395283/article/details/132731268

版权

uni-app开发微信小程序经验积累专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1.问题描述

只在真机IOS上面才会出现，小程序模拟器上的ios是不会出现的，原因是因为时间格式只要带有-符号就会（但有个ios机型却不会出错，我用苹果11测试会出现Invalid Date）。

有几种情况，例如：

1、new Date('2023-09-07')这样写，会出错，变成Invalid Date

2、后端返回这种时间格式：2023-09-07T11:24:04.000+0800，如果使用dayjs格式化dayjs(2023-09-07T11:24:04.000+0800).fORMat( 'MM/DD HH:mm')会同样显示错误。

2.解决方案

解决办法✔(四种)：

1、正常的时间格式直接replace掉

let time = "2020-03-30 14:39"letTF = newDate(time.replace(/-/g,'/'))

2、使用moment时间格式化

moment(2022-01-05T11:24:04.000+0800).format( 'MM/DD HH:mm')

3、改为YYYY/MM/DD的形式


const date = new Date('2022-02-15') // Invina Date
 
const date = new Date('2022/02/15') // OK!

4、如果针对后端返回的那个格式：2023-09-07T11:24:04.000+0800，还想使用dayjs（它包非常小，小程序上面很实用），需要自己转换替换下符号'-'

// 先转换格式constresolveTimeONIOs = (time) => {
  let data = '0/0/0 00:00';
  if (time && time.indexOf('-') !== -1 && time.indexOf('+') !== -1) {
    const translate = time
      .replace(/T/g, ' ')
      .replace(/\.[\d]{3}Z/, '')
      .replace(/(-)/g, '/');
    data = translate.substring(0, translate.indexOf('.'));
  }
  return data;
}
 
const  time = '2022-01-05T11:24:04.000+0800'// 这种格式时间转换const translateTime = resolveTimeOnIos (time)  // 先转换dayjs(translateTime ).format( 'MM/DD HH:mm')  // 使用dayjs格式换格式复制代码