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

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格式换格式复制代码

猜你喜欢

转载自blog.csdn.net/weixin_45395283/article/details/132731268
今日推荐