21
2014
08

苹果IOS浏览器上时间格式不兼容Date问题

在做Mobile终端的Website开发中,我遇到一个很懊恼的问题。

在IOS中的Safari浏览器有的不能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。

但是在IOS版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS的Safari中返回的永远会是"Invalid Date"。

后来我在网上查找了资料,原来是低版本的Safari解释new Date('2013-10-21')这个对象不一样,在IOS中的Safari不支持这种写法,

而它支持的写法为new Date('2013','10','21'),这样写就能解决"Invalid Date"的问题,能返回一个Javascript Date回来了。

但是随之而来的问题有出现了,Date是返回过来了,可是这个Date对象中方法返回的数据可不是我想要的,返回的数据全都不正确。具体是什么原因我也不太清楚,还请知道原理的大虾们指点下!

现在返回过来的Date对象.getMonth()总要比正常的要多一个月!还有.getDay()返回的星期几也不正确!╮(╯▽╰)╭懊恼啊,折磨啊。。。。

我都开始骂开发Safari的这帮人了,不过骂归骂问题还是要解决的,要不工资就木有了!呵呵!

接着我查了很多国外的技术blog,终于找到了解决方案,原来想要IOS5中的Safari能正确解析new Date()那么必须这么写

new Date('2013/10/21');

所以,如果你的时间格式不是你想要的请使用:time.replace(/-/g, "/")替换“-”为“/”或者time.replace(/./g, "/")替换“.”为“/”,再通过

        function formatDate(date, format) {
            if (!date) return;
            if (!format) format = "yyyy-MM-dd";
            switch (typeof date) {
                case "string":
                    date = new Date(date.replace(/-/g, "/"));
                    break;
                case "number":
                    date = new Date(date);
                    break;
            }
            if (!date instanceof Date) return;
            var dict = {
                "yyyy": date.getFullYear(),
                "M": date.getMonth() + 1,
                "d": date.getDate(),
                "H": date.getHours(),
                "m": date.getMinutes(),
                "s": date.getSeconds(),
                "MM": ("" + (date.getMonth() + 101)).substr(1),
                "dd": ("" + (date.getDate() + 100)).substr(1),
                "HH": ("" + (date.getHours() + 100)).substr(1),
                "mm": ("" + (date.getMinutes() + 100)).substr(1),
                "ss": ("" + (date.getSeconds() + 100)).substr(1)
            };
            return format.replace(/(yyyy|MM?|dd?|HH?|ss?|mm?)/g, function () {
                return dict[arguments[0]];
            });
        }

转换为您所需要的时间格式

这下就完美解决IOS中的问题了!哎,说了半天还是不太了解这种写法的原理,在这里期待大虾解释! 

« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。