广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >js中如何解决Date()日期函数浏览器兼容的问题
  • 678
分享到

js中如何解决Date()日期函数浏览器兼容的问题

2024-04-02 19:04:59 678人浏览 泡泡鱼
摘要

这篇文章主要为大家展示了“js中如何解决Date()日期函数浏览器兼容的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中如何解决Date()日期函数浏览

这篇文章主要为大家展示了“js中如何解决Date()日期函数浏览器兼容的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中如何解决Date()日期函数浏览器兼容的问题”这篇文章吧。

一般 直接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 格式化字符串即可

以上是“js中如何解决Date()日期函数浏览器兼容的问题”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网VUE频道!

--结束END--

本文标题: js中如何解决Date()日期函数浏览器兼容的问题

本文链接: https://www.lsjlt.com/news/73496.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • js中如何解决Date()日期函数浏览器兼容的问题
    这篇文章主要为大家展示了“js中如何解决Date()日期函数浏览器兼容的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中如何解决Date()日期函数浏览...
    99+
    2022-10-19
  • Javascript中如何解决浏览器兼容问题
    Javascript中如何解决浏览器兼容问题,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。Javascript解决常见浏览器兼...
    99+
    2022-10-19
  • 如何解决IE浏览器的兼容问题
    这篇文章主要介绍如何解决IE浏览器的兼容问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!怎么用一行代码解决CSS各种IE各种兼容问题<meta http-equiv...
    99+
    2022-10-19
  • JavaScript浏览器的兼容问题如何解决
    本文小编为大家详细介绍“JavaScript浏览器的兼容问题如何解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript浏览器的兼容问题如何解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。inn...
    99+
    2023-07-04
  • 如何解决web开发中浏览器兼容性问题
    这篇文章主要介绍如何解决web开发中浏览器兼容性问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!兼容性问题及解决方式1.object-fit在ie11和edge中不兼容,可以一些c...
    99+
    2022-10-19
  • 如何快速解决浏览器的兼容性的问题
    本篇文章为大家展示了如何快速解决浏览器的兼容性的问题,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。由于各浏览器对页面的解析不同,会导致页面在不同浏览器中显示的样式不...
    99+
    2022-10-19
  • 如何解决老式浏览器兼容HTML5和CSS3的问题
    这期内容当中小编将会给大家带来有关如何解决老式浏览器兼容HTML5和CSS3的问题,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1.让老式浏览器支持HTML5 ...
    99+
    2022-10-19
  • 如何解决CSS3中的Opacity多浏览器透明度兼容性问题
    如何解决CSS3中的Opacity多浏览器透明度兼容性问题,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。用来设定元素透明度的 ...
    99+
    2022-10-19
  • 如何解决DIV+CSS建站时对浏览器的兼容性问题
    这篇文章给大家介绍如何解决DIV+CSS建站时对浏览器的兼容性问题,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。DIV+CSS建站对浏览器的兼容性问题和注意事项使用DIV+CSS构架好...
    99+
    2022-10-19
  • Vue2.0在IE11版本浏览器中的兼容性问题怎么解决
    本篇内容主要讲解“Vue2.0在IE11版本浏览器中的兼容性问题怎么解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue2.0在IE11版本浏览器中的兼容性问题怎么解决”吧!让IE11支持v...
    99+
    2023-07-05
  • 完美解决在win8.1系统中IE11浏览器兼容性的问题
    最近,win8.1 rtm版网上已经可以下载,相信大家也都体验到了吧?在享受win8.1新鲜功能的同时,也会发现很多兼容性问题。比如,自带的IE 11改了UA字符串,这样会导致出现很多兼容性问题,新的字符串...
    99+
    2022-06-04
    兼容性 浏览器 完美
  • 如何解决JS组件系列之Bootstrap Table冻结列功能IE浏览器兼容性问题
    小编给大家分享一下如何解决JS组件系列之Bootstrap Table冻结列功能IE浏览器兼容性问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们...
    99+
    2022-10-19
  • css中如何解决引入指定字体@font-face兼容各浏览器的问题
    这篇文章将为大家详细讲解有关css中如何解决引入指定字体@font-face兼容各浏览器的问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。网页制作中,如果想使用特定的字体可以通过 @font-face ...
    99+
    2023-06-08
  • html中如何解决360双核浏览器兼容模式的页面显示问题
    这篇文章给大家分享的是有关html中如何解决360双核浏览器兼容模式的页面显示问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 由于众所周知的情况,国内的主流浏览器都是双核浏览...
    99+
    2022-10-19
  • ajax如何实现文件上传成功和解决浏览器兼容问题
    这篇文章主要为大家展示了“ajax如何实现文件上传成功和解决浏览器兼容问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ajax如何实现文件上传成功和解决浏览器...
    99+
    2022-10-19
  • 如何应对web开发中遇到的浏览器兼容问题
    如何应对web开发中遇到的浏览器兼容问题,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。正文:1.遇到问题:当前浏览器为ie7及以下版本解决思路:用一个div覆盖,让用户不能...
    99+
    2023-06-08
  • 如何用条件注释判断浏览器版本解决页面兼容问题
    这篇文章主要介绍“如何用条件注释判断浏览器版本解决页面兼容问题”,在日常操作中,相信很多人在如何用条件注释判断浏览器版本解决页面兼容问题问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大...
    99+
    2022-10-19
  • 如何解决页面在360浏览器下显示不正常的兼容性问题
    这篇文章主要介绍“如何解决页面在360浏览器下显示不正常的兼容性问题”,在日常操作中,相信很多人在如何解决页面在360浏览器下显示不正常的兼容性问题问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方...
    99+
    2022-10-19
  • js中如何解决DOM2兼容处理重复的问题
    这篇文章主要介绍了js中如何解决DOM2兼容处理重复的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体如下在解决this问题之后,只需...
    99+
    2022-10-19
  • 如何解决Ajax请求过程中下载文件在FireFox浏览器下的兼容问题
    本篇文章为大家展示了如何解决Ajax请求过程中下载文件在FireFox浏览器下的兼容问题,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。需求很简单,点击一个文件链接下...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作