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 相关文章推荐
Prototype使用指南之base.js
Jan 10 Javascript
childNodes.length与children.length的区别
May 14 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
Aug 24 Javascript
vue货币过滤器的实现方法
Apr 01 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
微信通过页面(H5)直接打开本地app的解决方法
Sep 09 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
Feb 26 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
深入了解JavaScript词法作用域
Jul 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,不用COM,生成excel文件
2006/10/09 PHP
两种php实现图片上传的方法
2016/01/22 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
jQuery 前的按键判断代码
2010/03/19 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
jQuery结合HTML5制作的爱心树表白动画
2015/02/01 Javascript
使用Angular.js实现简单的购物车功能
2016/11/21 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
2017/03/28 jQuery
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
Element实现表格嵌套、多个表格共用一个表头的方法
2020/05/09 Javascript
pytorch中tensor的合并与截取方法
2018/07/26 Python
用python爬取租房网站信息的代码
2018/12/14 Python
python 遍历列表提取下标和值的实例
2018/12/25 Python
Python实现的在特定目录下导入模块功能分析
2019/02/11 Python
用Python实现二叉树、二叉树非递归遍历及绘制的例子
2019/08/09 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
详解使用Python写一个向数据库填充数据的小工具(推荐)
2020/09/11 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
MADE荷兰:提供原创设计师家具
2018/04/03 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
意大利辅助药品、药物和补品在线销售:FarmaEurope
2020/04/29 全球购物
请用用Java代码写一个堆栈
2012/01/26 面试题
学校门卫工作职责
2013/12/07 职场文书
项目合作计划书
2014/01/09 职场文书
初中政治教学反思
2014/01/17 职场文书
《小壁虎借尾巴》教学反思
2014/02/16 职场文书
跑操口号
2014/06/12 职场文书
公司授权委托书样本
2014/09/15 职场文书
北京颐和园导游词
2015/01/30 职场文书
毕业生对母校寄语
2015/02/26 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
Redis基于Bitmap实现用户签到功能
2021/06/20 Redis
详解 TypeScript 枚举类型
2021/11/02 Javascript
MySQL优化之慢日志查询
2022/06/10 MySQL