如何解決日期函數(shù)new Date()瀏覽器兼容性問(wèn)題

更新時(shí)間：2019年09月11日 10:01:21 作者：栗子哥哥

這篇文章主要介紹了如何解決日期函數(shù)new Date()瀏覽器兼容性問(wèn)題,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

項(xiàng)目上與時(shí)間相關(guān)的地方特別多,與時(shí)間格式相關(guān)都使用了moment.js輕量級(jí)日期處理庫(kù)，在開發(fā)中出現(xiàn)了幾次瀏覽器兼容性問(wèn)題，所以總結(jié)一下new Date()和moment.js在各大瀏覽器中兼容性問(wèn)題，方便記憶或查閱。

后臺(tái)傳回來(lái)的時(shí)間格式一般是字符串“2017-9-10 21:02:02”；

然后將字符串轉(zhuǎn)化為標(biāo)準(zhǔn)時(shí)間：

var str = "2017-9-10 21:12:20";
var time = new Date(str);
console.log(time);

然后查看了一下，在chrome,firefox較新版本表現(xiàn)正常，在firefox老版本和ie中輸出invalid date。

了解其原因，不是瀏覽器都支持“-”，“/”才是被各大瀏覽器廣泛支持的。即把“-”替換為“/”即可解決問(wèn)題。

var time = new Date(str.replace("-", "/").replace("-", "/"));

或者

var time = new Date(str.replace(/-/g,"/"));

還有一種解決方法就是直接用從字符串中獲取年月日時(shí)分秒的數(shù)字來(lái)生成日期：

var time = new Date("2017","9","10","21","33","33",);

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)字符串轉(zhuǎn)駝峰格式的方法
這篇文章主要介紹了JS實(shí)現(xiàn)字符串轉(zhuǎn)駝峰格式的方法,結(jié)合實(shí)例形式分析了傳統(tǒng)的字符串遍歷轉(zhuǎn)換及正則替換兩種操作技巧,需要的朋友可以參考下
2016-12-12
MUI頂部選項(xiàng)卡的用法(tab-top-webview-main)詳解
最近用MUI做手機(jī)app應(yīng)用的時(shí)候，遇到的小bug，這里小編給大家分享MUI頂部選項(xiàng)卡的用法(tab-top-webview-main)詳解，感興趣的朋友一起看看吧
2017-10-10
javascript json對(duì)象小技巧之鍵名作為變量用法分析
這篇文章主要介紹了javascript json對(duì)象小技巧之鍵名作為變量用法,結(jié)合實(shí)例形式分析了json對(duì)象變量操作相關(guān)使用技巧,需要的朋友可以參考下
2019-11-11
Javascript表達(dá)式中連續(xù)的 && 和 || 之賦值區(qū)別
了區(qū)分賦值表達(dá)式中出現(xiàn)的連續(xù)的 ‘&&’和 ‘||’的不同的賦值含義，做了一個(gè)小測(cè)試.
2010-10-10
Swiper 4.x 使用方法(移動(dòng)端網(wǎng)站的內(nèi)容觸摸滑動(dòng))
Swiper是純javascript打造的滑動(dòng)特效插件，面向手機(jī)、平板電腦等移動(dòng)終端，這里為大家簡(jiǎn)單介紹一下Swiper4的用法,需要的朋友可以參考下
2018-05-05
js截取小數(shù)點(diǎn)后幾位的寫法
截取小數(shù)點(diǎn)后幾位的方法有很多，下面為大家介紹下使用js是如何實(shí)現(xiàn)的
2013-11-11
JS實(shí)現(xiàn)模擬風(fēng)力的雪花飄落效果
這篇文章主要介紹了JS實(shí)現(xiàn)模擬風(fēng)力的雪花飄落效果,可在右側(cè)填入風(fēng)力值點(diǎn)擊按鈕即可看到伴隨風(fēng)力的雪花飄落效果,同時(shí)右側(cè)有實(shí)時(shí)雪花數(shù)量統(tǒng)計(jì)功能,需要的朋友可以參考下
2015-05-05
javascript頁(yè)面渲染速度測(cè)試腳本分享
這篇文章主要介紹了javascript頁(yè)面渲染速度測(cè)試腳本,計(jì)算瀏覽器渲染HTML頁(yè)面所需要的時(shí)間,需要的朋友可以參考下
2014-04-04
JS數(shù)組去重與取重的示例代碼
本篇文章主要是對(duì)JS數(shù)組去重與取重的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01
基于jQuery的模仿新浪微博時(shí)間的組件
廢話不多說(shuō),實(shí)現(xiàn)原理主要是處理table,生成tr td,其中最重要的是如何找出每月第一天是星期幾,然后就能對(duì)應(yīng)出這個(gè)月的余下天數(shù).
2011-10-10