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修改css样式style
Apr 15 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
JavaScript 代码压缩工具小结
Feb 27 Javascript
showModalDialog模态对话框的使用详解以及浏览器兼容
Jan 11 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
vue父组件向子组件动态传值的两种方法
Nov 11 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
Koa代理Http请求的示例代码
Oct 10 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 Javascript
vue-cli —— 如何局部修改Element样式
Oct 22 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 函数学习简单小结
2010/07/08 PHP
php正则替换处理HTML页面的方法
2015/06/17 PHP
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
PHP实现合并两个排序链表的方法
2018/01/19 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
从零学jquery之如何使用回调函数
2014/05/16 Javascript
JavaScript实现将数组数据添加到Select下拉框的方法
2015/08/21 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
javaScript 连接打印机,打印小票的实例
2017/12/29 Javascript
react在安卓中输入框被手机键盘遮挡问题的解决方法
2018/09/03 Javascript
JS函数进阶之prototy用法实例分析
2020/01/15 Javascript
vue使用vue-quill-editor富文本编辑器且将图片上传到服务器的功能
2021/01/13 Vue.js
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
在Python的Django框架中获取单个对象数据的简单方法
2015/07/17 Python
Python对List中的元素排序的方法
2018/04/01 Python
Python搭建代理IP池实现存储IP的方法
2019/10/27 Python
Python如何爬取qq音乐歌词到本地
2020/06/01 Python
Python selenium如何打包静态网页并下载
2020/08/12 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
Python创建简单的神经网络实例讲解
2021/01/04 Python
详解使用postMessage解决iframe跨域通信问题
2019/11/01 HTML / CSS
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
扩大国家免疫规划实施方案
2014/03/21 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
校优秀毕业生主要事迹
2014/05/26 职场文书
节约每一滴水演讲稿
2014/09/09 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
高中语文教材(文学文化常识大全一)
2019/08/13 职场文书
Python Django ORM连表正反操作技巧
2021/06/13 Python
JavaScript ES6的函数拓展
2022/01/18 Javascript
Springboot集成kafka高级应用实战分享
2022/08/14 Java/Android