解决javaScript在不同时区new Date()显示值不同问题

在日期格式化时遇到的问题,日期格式化方法在最下面

如果在中国时区    formatDate('2019-07-09')  结果是 ‘2019-07-09’

如果 在夏威夷时区 utc-10:00 或者别的时区  formatDate('2019-07-09')  结果是 ‘2019-07-08’

时区不同导致日期格式化结果不同,查看代码发现不同时区 new Date(str)的结果不同

 下面是浏览器测试例子

时区设置为北京 utc+08:00

var str = '2019-07-09';
var str1 = '2019-07-09 13:00:00';
console.log(new Date(str));
console.log(new Date(str1));
VM158:3 Tue Jul 09 2019 08:00:00 GMT+0800 (China Standard Time)
VM158:4 Tue Jul 09 2019 13:00:00 GMT+0800 (China Standard Time)

时区设置为夏威夷 utc-10:00 

var str = '2019-07-09';
var str1 = '2019-07-09 13:00:00';
console.log(new Date(str));
console.log(new Date(str1));
VM155:3 Mon Jul 08 2019 14:00:00 GMT-1000 (Local Standard Time)
VM155:4 Tue Jul 09 2019 13:00:00 GMT-1000 (Local Standard Time)

解决办法是在方法中添加如下代码

if (typeof str == 'string' && str.indexOf(':') == -1) {
     
str += ' 00:00:00';
}


感觉解决办法不是太好,如果有更好的办法请大神告知,谢谢

 

 

//日期格式化方法

function formatDate(str, fmt) {
    
    if (!str) return '';
fmt = fmt || "yyyy-MM-dd"; //默认只显示年月日
if (this.getIEVersion() > -1) {
str = str.replace(/-/g, "/")
}
  //解决问题的代码
if (typeof str == 'string' && str.indexOf(':') == -1) {
str += ' 00:00:00';
}
var date = new Date(str);
var o = {
"M+": date.getMonth() + 1, //月
"d+": date.getDate(), //日
"h+": date.getHours() % 12 == 0 ? 12 : date.getHours() % 12, //时
"H+": date.getHours(), //小时
"m+": date.getMinutes(), //分
"s+": date.getSeconds(), //秒
"q+": Math.floor((date.getMonth() + 3) / 3), //季
"S": date.getMilliseconds() //毫秒
},
week = {
"0": "\u65e5",
"1": "\u4e00",
"2": "\u4e8c",
"3": "\u4e09",
"4": "\u56db",
"5": "\u4e94",
"6": "\u516d"
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
}
if (/(E+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, ((RegExp.$1.length > 1) ? (RegExp.$1.length > 2 ? "\u661f\u671f" : "\u5468") : "") + week[date.getDay() + ""]);
}
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;
},

转载于:https://www.cnblogs.com/yuanqt/p/11164853.html

你可能感兴趣的:(javascript,前端,移动开发)