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 相关文章推荐
javascript引用对象的方法
Jan 11 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 Javascript
浅析函数声明和函数表达式——函数声明的声明提前
May 03 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
May 24 Javascript
解决vue组件中使用v-for出现告警问题及v for指令介绍
Nov 11 Javascript
vue项目部署到Apache服务器中遇到的问题解决
Aug 24 Javascript
总结4个方面优化Vue项目
Feb 11 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
Jun 20 Javascript
微信小程序加载机制及运行机制图解
Nov 27 Javascript
vue实现div单选多选功能
Jul 16 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
文件上传程序的全部源码
2006/10/09 PHP
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
JQuery 图片的展开和伸缩实例讲解
2013/04/18 Javascript
js数组操作学习总结
2013/11/04 Javascript
js截取字符串的两种方法及区别详解
2013/11/05 Javascript
使用正则表达式的格式化与高亮显示json字符串
2014/12/03 Javascript
jQuery中:nth-child选择器用法实例
2014/12/31 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
Angular中$compile源码分析
2016/01/28 Javascript
微信小程序 教程之条件渲染
2016/10/18 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
python编写弹球游戏的实现代码
2018/03/12 Python
Python如何在单元测试中给对象打补丁
2020/08/03 Python
建材业务员岗位职责
2013/12/08 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
劲霸男装广告词改编版
2014/03/21 职场文书
法人委托书范本格式
2014/09/15 职场文书
交通事故委托书范本(2篇)
2014/09/21 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
趣味运动会开幕词
2015/01/28 职场文书
刑事撤诉申请书
2015/05/18 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
spring boot项目application.properties文件存放及使用介绍
2021/06/30 Java/Android