js Date()日期函数浏览器兼容问题解决方法


Posted in Javascript onSeptember 12, 2017

一般 直接new Date() 是不会出现兼容性问题的,而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题,为什么,datetimeformatstring中的某些格式浏览器不兼容。

1. 无参

//无参 所有浏览器都兼容
var dateTime = new Date();

2.日期参数

//日期参数 格式1
var dateTime = new Date("2017-09-12");

a. IE

> IE9-(不兼容) 

> IE9+(兼容,包含IE9)

b. 火狐(兼容)

c. 谷歌 (兼容) 

//日期参数 格式2 所有浏览器都兼容
var dateTime = new Date("2017/09/12");

3.日期时间参数

//日期时间参数 格式1
var dateTime = new Date("2017-09-12 13:41:00");

a. IE    (不兼容,不管哪个版本)

b. 火狐 (不兼容)

c. 谷歌 (兼容) 

//日期时间参数 格式2 所有浏览器都兼容
var dateTime = new Date("2017/09/12 13:42:00");
//日期时间参数 格式3
var dateTime = new Date("2017-09-12T13:42:00");

a. IE

> IE9- (不兼容)

> IE9+(兼容)

> IE9(半兼容 8个小时时间差)

b. 火狐 (兼容)

c. 谷歌 (半兼容 8个小时时间差) 

//日期时间参数 格式4
var dateTime = new Date("2017/09/12T13:42:00");

a. IE    (半兼容 1小时时间差)

b. 火狐 (不兼容)

c. 谷歌 (不兼容) 

综上,所有主流浏览器都支持的格式为: var dateTime = new Date("2017/09/12 13:42:00");

那么解决方案就是 将datetimeformatstring 转换成 yyyy/MM/dd hh:mm:ss 格式化字符串即可

Javascript 相关文章推荐
xss文件页面内容读取(解决)
Nov 28 Javascript
JS实现下拉框的动态添加(附效果)
Apr 03 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 Javascript
javascript基本算法汇总
Mar 09 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
AngularJS入门教程之Helloworld示例
Dec 25 Javascript
原生js实现鼠标跟随效果
Feb 28 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
微信小程序组件 marquee实例详解
Jun 23 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
react写一个select组件的实现代码
Apr 03 Javascript
JS鼠标3次点击事件实现代码及扩展思路
Sep 12 #Javascript
js实现1,2,3,5数字按照概率生成
Sep 12 #Javascript
js数组实现权重概率分配
Sep 12 #Javascript
js 概率计算(简单版)
Sep 12 #Javascript
JavaScript面向对象精要(下部)
Sep 12 #Javascript
在Vue.js中使用Mixins的方法
Sep 12 #Javascript
JavaScript面向对象精要(上部)
Sep 12 #Javascript
You might like
十天学会php(2)
2006/10/09 PHP
关于PHP递归算法和应用方法介绍
2013/04/15 PHP
50个PHP程序性能优化的方法
2014/06/02 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
杨氏矩阵查找的JS代码
2013/03/21 Javascript
js 操作select与option(示例讲解)
2013/12/20 Javascript
jquery validate 自定义验证方法介绍 日期验证
2014/02/27 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
js中使用使用原型(prototype)定义方法的好处详解
2016/07/04 Javascript
Javascript 正则表达式校验数字的简单实例
2016/11/02 Javascript
JavaScript cookie原理及使用实例
2020/05/08 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
Pyhton中防止SQL注入的方法
2015/02/05 Python
用Python制作检测Linux运行信息的工具的教程
2015/04/01 Python
python实现自动重启本程序的方法
2015/07/09 Python
Python中xml和dict格式转换的示例代码
2019/11/07 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
Python django框架开发发布会签到系统(web开发)
2020/02/12 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
函授毕业自我鉴定
2013/12/19 职场文书
开业庆典邀请函
2014/01/08 职场文书
有关打架的检讨书
2014/01/25 职场文书
2014年化验室工作总结
2014/11/21 职场文书
自荐信格式模板
2015/03/27 职场文书
2015年医院保卫科工作总结
2015/07/23 职场文书
Android RecyclerView实现九宫格效果
2022/06/28 Java/Android