admin管理员组文章数量:1558092
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, "/"))
版权声明:本文标题:IOSIE new Date() 返回结果为invalid date 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/dongtai/1727374336a1111530.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论