JavaScript中Date对象在IOS中的坑及解决方案

踩坑记录:

使用vant-ui库中DatetimePicker 时间选择,初始化时间列表或者动态赋值选择时间项时IOS报错:

[Vue warn]: Invalid prop: custom validator check failed for prop "minDate".

Error in mounted hook: "RangeError: Array size is not a small enough positive integer."

原因是,选择年月时,仅仅初始化了年月 YYYY/MM,正确应该传入 YYYY/MM/DD 格式年月日


Javascript供四种方法可以创建 Date 对象:

var d = new Date(); // 当前日期和时间
var d = new Date(milliseconds); // milliseconds指距离 1970 年 1 月 1 日至指定日期的毫秒数
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

以上四种方法都可以在IOS系统中创建时间,其中第三种var d = new Date(dateString)是本篇文章的主角。


开发中常用的日期格式包含以下两种格式:

1 . 'yyyy-MM-dd hh:mm:ss'

2 . 'yyyy/MM/dd hh:mm:ss'


兼容性:

Javascript,Date() 对象兼容性
yyyy-MM-dd hh:mm:ss yyyy/MM/dd hh:mm:ss
chorme yes yes
IE yes yes
edge yes yes
Android webview yes yes
Chrome for Android yes yes
Safari on iOS no yes


解决方案:

将yyyy-MM-dd hh:mm:ss 转换成 yyyy/MM/dd hh:mm:ss

推荐使用插件:MomentJs

特别感谢:IsolatedTraveler

你可能感兴趣的:(Vue,JS,Nodejs,javascript,ios,Vue)