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中获取请求的URL参数
Dec 22 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
Dec 23 Javascript
基于JQuery制作可编辑的表格特效
Dec 23 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
MUI 上拉刷新/下拉加载功能实例代码
Apr 13 Javascript
基于JavaScript实现活动倒计时效果
Apr 20 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
Sep 28 Javascript
浅谈vue.js导入css库(elementUi)的方法
Mar 09 Javascript
Node.js使用cookie保持登录的方法
May 11 Javascript
vue实现商城秒杀倒计时功能
Dec 12 Javascript
原生javascript如何实现共享onload事件
Jul 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 md5下16位和32位的实现代码
2008/04/09 PHP
Discuz 模板引擎的封装类代码
2008/07/18 PHP
php获取远程文件内容的函数
2015/11/02 PHP
jquery中:input和input的区别分析
2011/07/13 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
2013/11/22 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
JavaScript实现自动跳转文本功能
2017/05/25 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
2017/12/06 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
JS实现可控制的进度条
2020/03/25 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
JavaScript事件循环及宏任务微任务原理解析
2020/09/02 Javascript
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
10 行Python 代码实现 AI 目标检测技术【推荐】
2019/06/14 Python
Python实现将蓝底照片转化为白底照片功能完整实例
2019/12/13 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
python线程里哪种模块比较适合
2020/08/02 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
配置管理计划的主要内容有哪些
2014/06/20 面试题
《巨人的花园》教学反思
2014/02/12 职场文书
预备党员的自我评价
2014/03/12 职场文书
教师党员一句话承诺
2014/03/28 职场文书
小小商店教学反思
2014/04/27 职场文书
节约用水标语
2014/06/11 职场文书
劳动保障事务所个人工作总结
2015/08/12 职场文书
Win11 25163.1010更新补丁KB5016904推送,测试服务验证管道(附更新修复汇总)
2022/07/23 数码科技