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

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

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

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

后臺傳回來的時間格式一般是字符串“2017-9-10 21:02:02”；

然后將字符串轉化為標準時間：

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,"/"));

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

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

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

微信小程序之側邊欄滑動實現(xiàn)過程解析（附完整源碼）
這篇文章主要介紹了微信小程序之側邊欄滑動實現(xiàn)過程解析（附完整源碼）,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2019-08-08
JavaScript涉及二進制的轉換方式
這篇文章主要介紹了JavaScript涉及二進制的轉換方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06
小程序顯示彈窗時禁止下層的內容滾動實現(xiàn)方法
這篇文章主要介紹了小程序顯示彈窗時禁止下層的內容滾動實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-03-03
微信小程序換膚功能實現(xiàn)代碼(思路詳解)
這篇文章主要介紹了微信小程序換膚功能實現(xiàn)代碼，本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-08-08
彈出廣告特效(一個IP只彈出一次)的代碼
彈出廣告特效(一個IP只彈出一次)的代碼...
2007-07-07
代碼觸發(fā)js事件(click、change)示例應用
Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代，直接給一個兼容的Code，下面有個不錯的示例，喜歡的朋友可以收藏下
2013-12-12
詳解js中的幾種常用設計模式
這篇文章主要介紹了js中的幾種設計模式，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下
2020-07-07
js輸入框使用正則表達式校驗輸入內容的實例
下面小編就為大家?guī)硪黄猨s輸入框使用正則表達式校驗輸入內容的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
JS暴虐查找法簡潔版
有過相關經驗的朋友都知道，Jscript的效率畢竟有限，在數組中查找數據時如果用常規(guī)的算法來做執(zhí)行起來會很慢。
2008-07-07
layui加載表格,綁定新增,編輯刪除,查看按鈕事件的例子
今天小編就為大家分享一篇layui加載表格,綁定新增,編輯刪除,查看按鈕事件的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09