今天在进行项目测试过程中,有一个地方是需要通过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")
切记将传入的时候将横短线替换为斜线。