HTML笔记 ·

关于Safari浏览器Date不兼容问题

今天在进行项目测试过程中,有一个地方是需要通过js来计算两个日期之间剩余多少天多少小时多少秒,在其他浏览器中正常运行,但是到了Safari中发现显示结果为NaN天NaN小时NaN分钟。

计算的主要方法就是将两个日期通过 new Date(time),然后获取其年月日时分秒,在进行计算。其问题就出现在了new Date方法上,

我的时间

var myTime = "2015-12-31 12:10:21";
 var  newTime =  new Date(myTime);

通过网上搜索发现Safari认可的格式之一为YYYY-MM-DDTHH:mm:ss,这个格式其他浏览器也是认的,也就是在直接输出的时候不好看,但是在计算的时候可以做到通用。所以在时间字符串中间加一个T即可实现兼容。

但是如果你使用了上述方法以后,你就为以后埋下了坑。。。。

原因是Safari浏览器中对"2018-11-01 12:00:02"的解析不正确,有时会解析成为UTC时间,和北京时间相差了八个小时。但是Safari浏览器可以完美解析"2017/08/01"格式的字符串,而经过测试,Chrome浏览器中对这两种格式("2017-08-01"与"2017/08/01")的字符串均能完美解析,所以将代码改成如下:

new Date('2017-08-01 16:10:02').replace(/\-/g,'/').getTime();

但是我就想要YYYY-MM-DD hh:mm:ss格式呢,我们可以采用下面的方式来进行转换

function formatDateVote(formatDate){
    formatDate = new Date(formatDate.replace(" ",'T'));
    var o={
       Y:formatDate.getFullYear(),
       M:formatDate.getMonth()+1,
       D:(formatDate.getDate()+'').length>1?formatDate.getDate():'0'+formatDate.getDate(),
       h:(formatDate.getHours()+'').length>1?formatDate.getHours():'0'+formatDate.getHours(),
       m:(formatDate.getMinutes()+'').length>1?formatDate.getMinutes():'0'+formatDate.getMinutes()
    }
    return o.Y+"-"+o.M+"-"+o.D+' '+o.h+":"+o.m
}

或者是

Date.prototype.Format = function (fmt) { //author: meizz
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.1, (this.getFullYear() + "").substr(4 - RegExp.1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.1, (RegExp.1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}
    var x="2018/12/03 12:00:22";
    document.querySelector("#time").innerHTML=formatDateVote(x);
    document.querySelector("#time1").innerHTML=new Date(x).Format("yy-MM-dd hh:mm")

切记将传入的时候将横短线替换为斜线。

参与评论