解决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;
},


分类: 语言编程  发布: 2019-07-10-星期三   访问() .NET技术    Web前端    JAVA开发    语言编程    数据库    电脑知识    代码案例

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved