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 相关文章推荐
js 判断 enter 事件
Feb 12 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
微信小程序支付之c#后台实现方法
Oct 19 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
May 09 Javascript
JavaScript创建、读取和删除cookie
Sep 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中sprintf与printf函数用法区别解析
2014/02/17 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
JSON 数据格式详解
2017/09/13 Javascript
JavaScript寄生组合式继承原理与用法分析
2019/01/11 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
python中argparse模块用法实例详解
2015/06/03 Python
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
Python装饰器原理与用法分析
2018/04/30 Python
python 中pyqt5 树节点点击实现多窗口切换问题
2019/07/04 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
使用python绘制温度变化雷达图
2019/10/18 Python
python使用python-pptx删除ppt某页实例
2020/02/14 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
写好自荐信的要点
2013/11/06 职场文书
教育局长自荐信范文
2013/12/22 职场文书
大学生个人求职口试自我评价
2014/02/16 职场文书
励志演讲稿范文
2014/04/29 职场文书
电子商务专业毕业生求职信
2014/06/12 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
MySQL系列之十一 日志记录
2021/07/02 MySQL
vue递归实现树形组件
2022/07/15 Vue.js