javascript中日期函數(shù)new Date()的瀏覽器兼容性問題
同一種語言javascript，在不同的瀏覽器中，存在語言兼容性問題，本質上是由于不同的瀏覽器是支持的語言標準和實現(xiàn)上各有差異。本文將基于new Date來創(chuàng)建Date對象來分析這個問題。
1. 問題的提出， 開始時間和結束時間空間無法正確的傳遞值
在頁面中，我們使用了一個時間上的組件來開發(fā)時間選擇框，但是發(fā)現(xiàn)在Firefox下是無法正常工作的，在Chrome下是可以正常運行的。 問題出在哪里呢？
2. 問題分析
結果分析發(fā)現(xiàn)是由于如下代碼產(chǎn)生的問題：
var timestart = '2010-05-04'; var timeend = '2015-09-05'; var time1 = (timestart+' 00:00:00').toString(); var time2 = (timeend+' 23:59:59').toString(); timestart = new Date(time1); timeend = new Date(time2);
問題就在于 new Date(time1)這個構造函數(shù)無法正確的生成Date對象，其值為NaN. 怪哉，問題在哪里呢？
3. 各個瀏覽器上的表現(xiàn)
在IE下的執(zhí)行情況：
在Firefox下的執(zhí)行情況：
在Chrome下的執(zhí)行情況：
通過以上的分析，可以得知，這個javascript的腳本在Chrome下是可以正確執(zhí)行的，但是在其他瀏覽器下報出錯誤。
4. 正確的做法
以下列出正確的做法：
var time1 = (timestart+' 00:00:00').toString(); var time2 = (timeend+' 23:59:59').toString(); timestart = new Date(Date.parse(time1.replace(/-/g,"/"))).getTime(); timeend = new Date(Date.parse(time2.replace(/-/g,"/"))).getTime();
主要的變化是對默認的日期格式進行了轉換， 基于'/'格式的日期字符串，才是被各個瀏覽器所廣泛支持的，‘-'連接的日期字符串，則是只在chrome下可以正常工作。
5. 知識點總結
'2015-09-05'是無法被各個瀏覽器中，使用new Date(str)來正確生成日期對象的。 正確的用法是'2015/09/06'.
相關文章
圖片輪換的效果隨處可見，但是我還是試著封裝了一個函數(shù)。一個頁面上可以多次調用。。。由于初學代碼寫的不是多好，其中有個文件是可以踢出到一個js文件里的，這是為了測試方便，我都給放在了一個頁面里了。2011-09-09
javascript+html5實現(xiàn)繪制圓環(huán)的方法
這篇文章主要介紹了javascript+html5實現(xiàn)繪制圓環(huán)的方法,實例分析了javascript實現(xiàn)html5基于canvas繪制圓環(huán)的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了微信小程序rich-text富文本用法,結合實例形式分析了微信小程序rich-text富文本插件的功能、用法及相關操作注意事項,需要的朋友可以參考下2019-05-05
使用html、js、css實現(xiàn)的簡單易用兼容好的分頁，具體的實現(xiàn)如下，感興趣的朋友可以參考下2013-12-12
在瀏覽網(wǎng)頁或使用應用程序時,圖片加載失敗是一個常見的問題,下面這篇文章主要介紹了前端圖片加載錯誤的多種原因分析的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-03-03
js中Number數(shù)字數(shù)值運算后值不對的解決方法
下面小編就為大家?guī)硪黄猨s中Number數(shù)字數(shù)值運算后值不對的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
為了敘述簡單，這里僅拿width示例。獲取元素的offsetWidth/offsetHeight，減去元素的padding和border。2011-09-09
6個DIV 間隔一秒 輪番進行奇偶顯示. 比如先135 一秒后 246 然后再135 循環(huán)2010-07-07
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)MUI數(shù)字輸入框效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
JavaScript刪除數(shù)組中指定元素5種方法例子
這篇文章主要給大家介紹了關于JavaScript刪除數(shù)組中指定元素5種方法,在最近的項目中,有用到js對數(shù)組的操作,所以這里總結一下,需要的朋友可以參考下2023-07-07