javascript中日期函数new Date的浏览器兼容性问题
同一种语言javascript , 在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异 。本文将基于new Date来创建Date对象来分析这个问题 。
1. 问题的提出,开始时间和结束时间空间无法正确的传递值
在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的 , 在Chrome下是可以正常运行的 。问题出在哪里呢?
2. 问题分析
【javascript中日期函数new Date的浏览器兼容性问题】结果分析发现是由于如下代码产生的问题:

问题就在于 new Date(time1)这个构造函数无法正确的生成Date对象,其值为NaN. 怪哉 , 问题在哪里呢?
3. 各个浏览器上的表现
在IE下的执行情况:

在Firefox下的执行情况:

在Chrome下的执行情况:

通过以上的分析,可以得知,这个javascript的脚本在Chrome下是可以正确执行的 , 但是在其他浏览器下报出错误 。
4. 正确的做法
以下列出正确的做法:

主要的变化是对默认的日期格式进行了转换,基于'/'格式的日期字符串 , 才是被各个浏览器所广泛支持的,‘-'连接的日期字符串,则是只在chrome下可以正常工作 。
5. 知识点总结
'2015-09-05'是无法被各个浏览器中,使用new Date(str)来正确生成日期对象的 。正确的用法是'2015/09/06'.
相关经验推荐
- win10系统中Edge/Chrome/火狐/Safari/Opera和IE哪个更好用?
- qq中的网页连接怎么取消使用qq浏览器打开?
- 纯JavaScript基于notie.js插件实现消息提示特效
- JavaScript中解决多浏览器兼容性23个问题的快速解决方法
- Win10系统下如何把IE收藏夹导入到Edge浏览器中?IE收藏夹无法导入Edge的解决方法
- Win10 Edge浏览器中不常用的四个隐藏设置的使用方法
- 水滴宝宝APP中怎么修改密码 具体操作流程
- Win10 TH2正式版中的Edge浏览器只有签名程序才能安装
- IE和Firefox之间在JavaScript语法上的差异
- JavaScript获取浏览器信息的方法
