IOS safari 瀏覽器 時間亂碼（ios時間顯示NaN） 問題解決

問題一：

項目中遇到一個關於日期時間在ios中亂碼在安卓中安然無恙的問題，焦躁了半天

問題如上圖，通過用戶選擇的時間和當天的天數相加然后在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。就是因為這個錯，蘋果手機不能正常運行這個界面，當時都快郁悶死了不是取值就是賦值，要不就是計算，如今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");就會報錯