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


分类: 语言编程    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程

分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

CSS 字体大小教程font-size
DIV CSS padding内补白(内边距)left right t
spring-boot+nginx+tomcat+ssl配置笔记
正则表达式如何表示若干个空格?我想用正则表达式过滤掉空字符串,用“”方
标签a函数javascript:void(0)调用它有什么用呢?
方正综艺繁体下载字体后如何安装,如何下载字体并安装
方正综艺繁体免费字体下载,方正综艺繁体字体免费下载,方正综艺繁体字体下
方正汉真广标简体下载字体后如何安装,如何下载字体并安装
方正中倩简体下载字体后如何安装,如何下载字体并安装
方正中倩繁体(FZZQFW)字体下载,方正中倩繁体字体下载

最新

div css隐藏内容样式方法
OPPO Reno3 Pro远程守护怎么使用?
XP系统里让IE支持多线程下载怎么设置
qq电脑管家温度检测在哪设置的? QQ电脑管家怎么测电脑的温度
win7禁用ie浏览器方法 win7怎么把桌面的ie隐藏
WinXP笔记本声卡驱动无法成功安装的解决方法
XP⁄Win7共享⁄连接打印机设置详细 xp怎
华为笔记本蓝屏错误0xcoooo428怎么解决
企业如何部署微软Windows 8? Windows 8的开发历史
华为mate9怎样解指纹密码?

推荐阅读

c语言中break语句的作用
vscode----vue中HTML代码tab键自动补全
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
undefined是什么意思啊
前端该怎么学?推荐一个学习路线!
.Net轻松处理亿级数据--ClickHouse数据操作
DIV CSS字体(font-family)实现字体样式设置
Mysql里表示布尔型的类型是什么
sql中的modify语句,修改列属性
html5中datalist标签怎么用

Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16