最近小編在做一個會議室預定的功能，這個功能就像在買電影票時選擇座位一樣，看看會議室的哪個時間段空閑，有什么設備等等。由于我做的是APP，APP既要兼容Android，又要兼容IOS，剛開始的開發與調試我都是用谷歌瀏覽器干的，我沒有用其它瀏覽器進行測試，誰知道最后遺留一個很大的隱患。下面是我的界面。

?問題一：

?這個界面運用了大量的日期類型的計算，當我們用JavaScript實例化一個日期對象時，我們可以這樣用:

?

var date =new Date();

?上面這段代碼是獲取當前日期，這段代碼在Firefox、Chrome、Safari瀏覽器中都可以運行。但是如果我想根據字符串獲取日期，問題就來了。看下面代碼。

?

var date =new Date("2016-05-31 08:00");

?這段代碼是獲得字符中指定的日期，它Firefox、Chrome中就能運行，但是放在Safari就會報錯，錯誤是NaN，意思是Not a Number。就是因為這個錯，蘋果手機不能正常運行我開發的這個界面，當時都快郁悶死了，我寫了300行js啊，幾乎都與時間有關，不是取值就是賦值，要不就是計算，如今IOS不支持。。。。。。。

?

?在網上找了一下，將代碼這樣寫就好了：

?

var date =new Date("2016/05/31 08:00");

?這樣Android和IOS就能共用了，寫了個函數，替換一下！

?

function GetDateDiff(startDiffTime, endDiffTime) {

//將xxxx-xx-xx的時間格式，轉換為 xxxx/xx/xx的格式

startTime = startDiffTime.replace(/\-/g, "/");

endTime = endDiffTime.replace(/\-/g, "/");

};

?問題二：

?

? HTML5中新增了日歷控件，如果將控件的type=“datetime-local”，如果是Chrome，控件的日期顯示格式是2016/05/30 08:00 ，如果是Safari，日期的顯示格式是：2016-05-31T08:00，當我們用JQuery取值賦值的時候，就必須用這種方式才能賦值：假如說這個日歷控件的id是timeDate，代碼如下：

?

$("#timeDate').val("2016-05-30T08:30");

? 用$("#timeDate').val("2016/05/30 08:30");就會報錯。

總結

以上是生活随笔為你收集整理的JavaScript中的Date对象在Safari与IOS中的“大坑”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。