IOS/IE new Date() 返回结果为invalid date

IOS/IE new Date() 返回结果为invalid date

场景描述:

创建活动的时候需要选择活动的开始时间和结束时间,前端做了个校验,如果结束时间没有大于开始时间,则提示“结束时间要晚于开始时间”。

逻辑没有什么问题,测试的时候发生了意料之外的事情:

  • 安卓手机测试没有问题。
  • 苹果手机,即使结束时间选择了大于开始时间,依然会提示结束时间要晚于开始时间,而且是较老的苹果机型才有的问题,苹果12之后的没有遇到过。。

问题排查:

将开始时间和结束时间打印出来看看。

苹果手机:开始时间和结束时间都显示 invalid date。

安卓手机:开始时间和结束时间正常显示。

开始时间和结束时间是使用时间组件中选择的字符串通过new date() 进行了转换。

beginTimeStr = 从时间组件获取的字符串  //(“2012-12-01”)

beginTime =  new Date (beginTimeStr) // Invalid Date

为什么经过new Date() 装换会变成invalid date?

结论&解决方案:

safari 和 ios 中对于 new Date 函数的支持有一个比较奇怪的问题,如果传给new Date 函数的参数格式不对的话,会弹出invalid date。

new Date('yyyy-MM-dd HH:mm:ss')格式化前需要先把字符串转化为Safari支持的格式,可以是yyyy/MM/dd HH:mm:ssyyyy-MM-ddTHH:mm:ss或其他。

const dt = new Date(date.replace(/-/g, "/"))

猜你喜欢

转载自blog.csdn.net/qq_43720551/article/details/131545146