如何解決日期函數(shù)new Date()瀏覽器兼容性問題
項目上與時間相關(guān)的地方特別多,與時間格式相關(guān)都使用了moment.js輕量級日期處理庫,在開發(fā)中出現(xiàn)了幾次瀏覽器兼容性問題,所以總結(jié)一下new Date()和moment.js在各大瀏覽器中兼容性問題,方便記憶或查閱。
后臺傳回來的時間格式一般是字符串“2017-9-10 21:02:02”;
然后將字符串轉(zhuǎn)化為標(biāo)準(zhǔn)時間:
var str = "2017-9-10 21:12:20"; var time = new Date(str); console.log(time);
然后查看了一下,在chrome,firefox較新版本表現(xiàn)正常,在firefox老版本和ie中輸出invalid date。
了解其原因,不是瀏覽器都支持“-”,“/”才是被各大瀏覽器廣泛支持的。即把“-”替換為“/”即可解決問題。
var time = new Date(str.replace("-", "/").replace("-", "/"));
或者
var time = new Date(str.replace(/-/g,"/"));
還有一種解決方法就是直接用從字符串中獲取年月日時分秒的數(shù)字來生成日期:
var time = new Date("2017","9","10","21","33","33",);
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序之側(cè)邊欄滑動實現(xiàn)過程解析(附完整源碼)
這篇文章主要介紹了微信小程序之側(cè)邊欄滑動實現(xiàn)過程解析(附完整源碼),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08小程序顯示彈窗時禁止下層的內(nèi)容滾動實現(xiàn)方法
這篇文章主要介紹了小程序顯示彈窗時禁止下層的內(nèi)容滾動實現(xiàn)方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03代碼觸發(fā)js事件(click、change)示例應(yīng)用
Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代,直接給一個兼容的Code,下面有個不錯的示例,喜歡的朋友可以收藏下2013-12-12