javascript中日期函数new Date()的浏览器兼容性问题

2024-06-24 11:14:20阅读量：33 字体：大 中 小

同一种语言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'.

免责声明：

本文《javascript中日期函数new Date()的浏览器兼容性问题》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 手机锁屏微信语音视频没有提示声音

    手机锁屏微信语音视频没有提示声音

    手机锁屏微信语音视频没有提示声音可能是关闭了，接收语音和视频通话邀请提醒，如果关闭了就不会有提醒，可以通过设置重新开启这个功能，具体操作步骤如下： 手机锁屏微信语音视频没有提示声音 1、打开微信app...

    阅读: 773

  • 荣耀60声音小怎么办

    荣耀60声音小怎么办

    如果荣耀60手机的声音比较小的话，可以去系统内进行相应的调整，把手机的声音调大，具体的操作步骤如下： 荣耀60声音小怎么办 1、打开手机的设置，点击声音和振动”按钮，进入声音和振动的设置页...

    阅读: 853

  • ipad pro怎么录屏

    ipad pro怎么录屏

    ipad pro设备有录屏的功能，有需要的用户可以去手机的控制中心内打开按键进行录屏，具体的操作步骤如下： ipad pro怎么录屏 1、进入手机的桌面中，从手机屏幕的右上角往下滑，呼出控制中心的界面...

    阅读: 902

  • 苹果平板如何隐藏app软件

    苹果平板如何隐藏app软件

    苹果平板没有隐藏app软件的功能，但是可以把app下载到资源库中，这样就不会显示在平板的桌面上，操作方法如下： 苹果平板如何隐藏app软件 1、打开平板的设置，点击主屏幕”按钮，进入主屏幕...

    阅读: 750

  • 荣耀x30如何升级鸿蒙系统

    荣耀x30如何升级鸿蒙系统

    荣耀x30手机升级鸿蒙系统需要去手机的设置内进行手动点击升级，系统会自动进行检测，具体的操作步骤如下： 荣耀x30如何升级鸿蒙系统 1、打开手机的设置，点击系统和更新”按钮，进入系统设置中...

    阅读: 862

  • 手机淘宝首页布局怎么变了

    手机淘宝首页布局怎么变了

    手机淘宝首页布局变了可能是开启了长辈模式，开启长辈模式的布局就会改变，可以通过设置改回原来的布局，具体操作步骤如下： 手机淘宝首页布局怎么变了 1、打开淘宝app，点击我的淘宝，再点击右上角的齿轮进入...

    阅读: 817

热门文章

最近更新