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:ss或yyyy-MM-ddTHH:mm:ss或其他。

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