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

摘要:在日期格式化时遇到的问题,日期格式化方法在最下面。如果在中国时区 formatDate(‘2019-07-09‘) 结果是 ‘2019-07-09’,如果 在夏威夷时区 utc-10:00 或者别的时区 formatDate(‘2019-07-09‘) 结果是 ‘2019-07-08’

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

如果在中国时区    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": "\日",
            "1": "\一",
            "2": "\二",
            "3": "\三",
            "4": "\四",
            "5": "\五",
            "6": "\六"
        };
    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 ? "\星\期" : "\周") : "") + 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/archive/2019/07/10/11164853.html


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_4138