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