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, "/"))