jsdate()日期函数浏览器兼容问题解决方法

云来云往      2022-02-14     696

关键词:

一般 直接new Date() 是不会出现兼容性问题的,而 new Date(datetimeformatstring) 常常会出现浏览器兼容性问题,为什么,datetimeformatstring中的某些格式浏览器不兼容。

1. 无参

1
2
//无参 所有浏览器都兼容
var dateTime = new Date();

2.日期参数

1
2
//日期参数 格式1
var dateTime = new Date("2017-09-12");

a. IE

  > IE9-(不兼容) 

  > IE9+(兼容,包含IE9)

b. 火狐(兼容)

c. 谷歌 (兼容) 

1
2
//日期参数 格式2 所有浏览器都兼容
var dateTime = new Date("2017/09/12");

3.日期时间参数

1
2
//日期时间参数 格式1
var dateTime = new Date("2017-09-12 13:41:00");

a. IE    (不兼容,不管哪个版本)

b. 火狐 (不兼容)

c. 谷歌 (兼容) 

1
2
//日期时间参数 格式2 所有浏览器都兼容
var dateTime = new Date("2017/09/12 13:42:00");
1
2
//日期时间参数 格式3
var dateTime = new Date("2017-09-12T13:42:00");

a. IE

  > IE9- (不兼容)

  > IE9+(兼容)

  > IE9(半兼容 8个小时时间差)

b. 火狐 (兼容)

c. 谷歌 (半兼容 8个小时时间差) 

1
2
//日期时间参数 格式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 格式化字符串即可

jsdate.parse()兼容性问题

...个日历控件,网上copy了一段代码然后自己又改改。标准浏览器下正常,结果ie全部不支持,搞不懂,原来Date.parse在IE下有兼容性问题//beginData格式为‘yyyy-mm-dd‘var_date=newDate(Date.parse(newDate(beginDate)));//获取时间 将日期格式‘yyy... 查看详情

浏览器的兼容大坑

...出现兼容性问题的,而newDate(datetimeformatstring)常常会出现浏览器兼容性问题,为什么,datetimeformatstring中的某些格式浏览器不兼容。//日期参数格式2所有浏览器都兼容//vardateTime=newDate("2017/09/12");解决方式:(1)浏览器检测(2)能... 查看详情

jsdate.parse()时区问题(代码片段)

  比较两个时间,parse()方法可解析一个日期时间字符串,并返回1970/1/1午夜距离该日期时间的毫秒数。Date.parse时间多了8小时。    正确的方法:varnowDate=Date.parse(newDate()+‘GMT+8‘);vartargetDate=Date.parse(‘2019-05-20‘+... 查看详情

日期增加天数--jsdate

//日期加天数的方法//dataStr日期字符串//dayCount要增加的天数//return增加n天后的日期字符串function dateAddDays(dataStr,dayCount){    var strdate=dataStr; //日期字符串    var is 查看详情

javascript分支函数(解决兼容问题更好的方法)

#非常实用的方法,推荐使用# 分支函数的作用是:可以解决兼容问题if或者else的重复判断的问题,我们一般的做法是:根据兼容的不同写if,else等,这些判断来实现兼容,但是这样明显就有一个缺点,每次执行这个函数的时... 查看详情

浏览器兼容问题与解决方法

浏览器兼容问题是指,不同厂商开发的浏览器针对同一段代码的不同解析,造成页面展示效果出现差异的情况,很多时候为了追求显示效果的一直,前端开发人员就要针对不同兼容问题应用相应的方法处理,达到效果一致的目的... 查看详情

解决getelementsbyclassname兼容问题

getElementsByClassName这个方法很常用,但是只有较新的浏览器才兼容,所以我们需要自己写个方法,解决这个问题,使它能够兼容各个浏览器。functiongetElementsByClassName(node,classname){  //先判断浏览器是否支持,如果支持则直接使用i... 查看详情

js中常遇到的浏览器兼容问题和解决方法

今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上;常遇到的关于浏览器的宽高问题://以下均可console.log()实验varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页... 查看详情

js中常遇到的浏览器兼容问题和解决方法

今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上;常遇到的关于浏览器的宽高问题://以下均可console.log()实验varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页... 查看详情

jsdate加一天

...大小(一些高级用法以扩展的形式存在,可按需加载)5、全浏览器兼容6、强大的国际化支持(I18n)代码示例:1、以当前日期newdate()为例,也可以将例中newdate()换成任意date对象var d = new Date();    d.se... 查看详情

js中常遇到的浏览器兼容问题和解决方法

转自http://www.cnblogs.com/duenyang/p/6066737.html常遇到的关于浏览器的宽高问题:varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽varwinH=document.body.clientHeight||document.docuemntEle 查看详情

js中常遇到的浏览器兼容问题和解决方法

//以下均可console.log()实验varwinW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽varwinH=document.body.clientHeight||document.docuemntElement.clientHeight;//网页可见区域宽//以上为不包括边框的宽高,如 查看详情

ie不兼容es6箭头函数的解决方法(在浏览器中使用)(代码片段)

polyfill.js下载方法:npminstallbabel-polyfill--save页面中引用"polyfill.js"和"browser.min.js"JS代码script标签加上 type="text/babel"<scripttype="text/babel"></script>  查看详情

js中常遇到的浏览器兼容问题和解决方法

event事件问题://event事件问题document.onclick=function(ev){//谷歌火狐的写法,IE9以上支持,往下不支持;vare=ev;console.log(e);}document.onclick=function(){//谷歌和IE支持,火狐不支持;vare=event;console.log(e);}document.onclick=function(ev){ 查看详情

把日期格式化,解决浏览器日期兼容,

functionformat(date){varweek=[‘日‘,‘一‘,‘二‘,‘三‘,‘四‘,‘五‘,‘六‘,];vary=date.getFullYear()+"年";varm=date.getMonth()+1+"月";vard=date.getDate()+"日";varw="星期"+week[date.getDay()];//12;00;00.000varh=date.getHour 查看详情

css浏览器兼容性与解决方法

一.什么是浏览器兼容性问题?所谓的浏览器兼容性问题,是指不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况;而造成浏览器兼容问题的根本原因,是浏览器的内核不同导致的。认识浏览器内核 &n... 查看详情

javascript不同浏览器差异及兼容方法

...ifferent-from-firefox.htmljavascript的各种兼容就是为了解决不同浏览器的差异性,了解其中的差异能够帮助你更快的解决问题,提高代码的使用质量,编写更优秀的javascript代码。1.window.event表示当前的时间对象,IE有这个对象,FF没有... 查看详情

前端兼容性问题——总览

在Web前端开发中,浏览器兼容性问题是一个常见的挑战。由于不同的浏览器实现了不同的标准和规范,因此相同的代码在不同的浏览器上可能会有不同的表现,或者甚至无法正常工作。前端兼容性问题——总览在Web前端开发中,... 查看详情