关于 Date() 函数在 iOS 中的一个小坑

Posted ReedSun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于 Date() 函数在 iOS 中的一个小坑相关的知识,希望对你有一定的参考价值。

关于 Date() 函数在 ios 中的一个小坑

bug

今天遇到了一个诡异的 bug 。一个 Vux 的日期选择组件在 PC 端和安卓端都能正常显示和使用,而在 iOS 端却不能正常出现。经过漫长的调试,终于发现问题出在这一行代码上:

var startDate = new Date('2017-5-3')

这行代码在 PC 端和安卓端都是正常的,而在 iOS 端则会提示 Invalid Date 无效日期。

原因

new Date(dateString) 实际上是调用了 Date.parse() 这个函数。关于这个函数, ECMAScript 规范规定:

如果一个字符串不符合标准格式,则函数可以使用任何由引擎决定的策略或解析算法。 Date.parse() 对于因包含有无效元素而无法识别的 ISO 格式字符串或者日期应该返回 NaN

简单的说这个函数在不同的浏览器引擎中会存在偏差,导致对字符串的解析不一致或部分浏览器无法解析。问题应该就是出在这里!是 Safari 不能识别这串字符串。

经过测试,将代码改为如下样子:

var startDate = new Date('2017-05-03')

这样代码就可以 iOS 端正常运行了。坑爹的 Safari

参考链接

Date.parse - JavaScript | MDN

以上是关于关于 Date() 函数在 iOS 中的一个小坑的主要内容,如果未能解决你的问题,请参考以下文章

关于sniff函数的一个小坑

Vue Antd Admin关于登录的一些小坑

iOS总结:项目中的各种小坑汇总

关于OpenResty几个小坑的总结

关于采购申请批量创建BAPI_REQUISITION_CREATE的一个小坑

ios对new Date() 的兼容问题