javascript中日期函数new Date()的浏览器兼容性问题
更新时间：2015年09月05日 16:34:22 投稿：mdxy-dxy
这篇文章主要介绍了javascript中日期函数new Date()的浏览器兼容性问题,需要的朋友可以参考下
同一种语言javascript，在不同的浏览器中，存在语言兼容性问题，本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。
1. 问题的提出， 开始时间和结束时间空间无法正确的传递值
在页面中，我们使用了一个时间上的组件来开发时间选择框，但是发现在Firefox下是无法正常工作的，在Chrome下是可以正常运行的。 问题出在哪里呢？
2. 问题分析
结果分析发现是由于如下代码产生的问题：
var timestart = '2010-05-04'; var timeend = '2015-09-05'; var time1 = (timestart+' 00:00:00').toString(); var time2 = (timeend+' 23:59:59').toString(); timestart = new Date(time1); timeend = new Date(time2);
问题就在于 new Date(time1)这个构造函数无法正确的生成Date对象，其值为NaN. 怪哉，问题在哪里呢？
3. 各个浏览器上的表现
在IE下的执行情况：
在Firefox下的执行情况：
在Chrome下的执行情况：
通过以上的分析，可以得知，这个javascript的脚本在Chrome下是可以正确执行的，但是在其他浏览器下报出错误。
4. 正确的做法
以下列出正确的做法：
var time1 = (timestart+' 00:00:00').toString(); var time2 = (timeend+' 23:59:59').toString(); timestart = new Date(Date.parse(time1.replace(/-/g,"/"))).getTime(); timeend = new Date(Date.parse(time2.replace(/-/g,"/"))).getTime();
主要的变化是对默认的日期格式进行了转换， 基于'/'格式的日期字符串，才是被各个浏览器所广泛支持的，‘-'连接的日期字符串，则是只在chrome下可以正常工作。
5. 知识点总结
'2015-09-05'是无法被各个浏览器中，使用new Date(str)来正确生成日期对象的。 正确的用法是'2015/09/06'.
相关文章
setinterval()与clearInterval()JS函数的调用方法
这篇文章主要介绍了setinterval()与clearInterval()JS函数的调用方法,实例分析了setinterval()与clearInterval()的语法结构及使用技巧,需要的朋友可以参考下2015-01-01
众所周知在Javascript中,var、let、const都可用于变量声明,但是之前没有梳理过它们之间的区别,下面这篇文章主要给大家介绍了关于Js中var,let,const区别的相关资料,需要的朋友可以参考下2023-02-02
当登录次数达到三次，就自动调用函数，隐藏弹出框。下面是具体的实现，感兴趣的朋友可以参考下2014-01-01
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
这篇文章主要介绍了JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了手机Web APP如何实现分享多平台功能的相关资料,需要的朋友可以参考下2016-08-08
这篇文章主要为大家介绍了Python执行js字符串常见方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步早日升职加薪2022-04-04
这篇文章主要介绍了js简单网速测试方法,以完整实例形式分析了JavaScript基于网页图片下载进行测试网速的实现技巧,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了JavaScript实现的简单加密解密操作,涉及javascript基于charCodeAt与fromCharCode的字符串编码与解码操作相关使用技巧,需要的朋友可以参考下2018-06-06
这篇文章主要为大家详细介绍了bootstrap IE8 兼容性处理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了js实现屏幕自适应局部代码分享,需要的朋友可以参考下2015-01-01
最新评论