专栏首页OECOM关于Safari浏览器Date不兼容问题

关于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")

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 时间字符串和long类型之间的转换

    在进行时间存储时,经常会对时间字符串进行转型存储,一般都是存储为long类型,下面我先来说一下如何将时间字符串转换为long类型:

    无邪Z
  • java Timestamp、Date和String之间的相互转化

    无邪Z
  • 在jsp页面中使用EL表达式格式化date日期

    在数据库中时间类型存放方式有很多,直接从数据库里查询出来输出到页面上很难得到想要的结果,这就需要我们对其进行格式化,下面来说一下在jsp页面中通过EL表达式来对...

    无邪Z
  • 关于Spring属性处理器PropertyResolver以及应用运行环境Environment的深度分析,强大的StringValueResolver使用和解析【享学Spring】

    若直接提PropertyResolver或者StringValueResolver可能很小伙伴会觉得非常的陌生,但是我若提Environment和Embedde...

    YourBatman
  • 泛型

    葆宁
  • Java每日一练(2017/7/19)

    本期题目: (单选题) 1、设int x=1,float y=2,则表达式x/y的值是:() A 0 B 1 C 2 D 以上都不是 ---- (单选题)2、若...

    Java学习
  • 接口文档模板MarkDown版

    饮水思源为名
  • Flink消费kafka如何获取每条消息对应的topic

    shengjk1
  • Java编程的一些小技巧-----基础语法篇(2)

    比如上面的代码,只跳出了最里面的一层循环,如果要跳出两层循环,应该咋办?可以用break+label的语法,例子如下

    秃头哥编程
  • 创建型设计模式:Builder Pattern示例介绍

    在此之前,我们了解了工厂和抽象工厂模式。这些模式很有用。然而,有几个案例需要创建一个非常复杂的对象,它需要不同的步骤和操作。在这种情况下,Builder Pat...

    程序你好

扫码关注云+社区

领取腾讯云代金券