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 动态加载脚本和样式的方法
Apr 13 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
May 26 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
js点击文本框弹出可选择的checkbox复选框
Feb 03 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 Javascript
vue-cli+webpack项目 修改项目名称的方法
Feb 28 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 Javascript
Node.js中出现未捕获异常的处理方法
Jun 29 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 explode函数实例代码
2012/02/27 PHP
PHP面向对象学习笔记之一 基础概念
2012/10/06 PHP
php Xdebug的安装与使用详解
2013/06/20 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
JQuery读取XML文件数据并显示的实现代码
2009/12/16 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
2013/01/07 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
JS实现控制表格只显示行边框或者只显示列边框的方法
2015/03/31 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
阻止表单提交按钮多次提交的完美解决方法
2016/05/16 Javascript
轻松掌握JavaScript状态模式
2016/09/07 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
2017/05/11 Javascript
使用cookie绕过验证码登录的实现代码
2017/10/12 Javascript
VUE中使用MUI方法
2019/02/12 Javascript
关于Js中new操作符的作用详解
2021/02/21 Javascript
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
跟老齐学Python之做一个小游戏
2014/09/28 Python
使用Python生成url短链接的方法
2015/05/04 Python
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
简单谈谈Python流程控制语句
2016/12/04 Python
使用Django2快速开发Web项目的详细步骤
2019/01/06 Python
Python for循环及基础用法详解
2019/11/08 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
Pyecharts 中Geo函数常用参数的用法说明
2021/02/01 Python
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
html5 Canvas画图教程(4)—未闭合的路径及渐变色的填充方法
2013/01/09 HTML / CSS
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
英语专业职业生涯规划范文
2014/03/05 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
解除同居协议书
2015/01/29 职场文书
好员工观后感
2015/06/17 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis