Safari中的new Date()格式化坑

今天在測試的時候發現，在Chrome中的以下代碼：

new Date("2014-03-09");

在Safari中報錯invalid date。通過查閱資料找到相似的問答：

stackOverflow地址：http://stackoverflow.com/questions/4310953/invalid-date-in-safari

解釋與翻譯以下：

目前Safari能夠支持的標準格式以下：

• MM-dd-yyyy
• yyyy/MM/dd
• MM/dd/yyyy
• MMMM dd, yyyy
• MMM dd, yyyy

 DateJS 是一個很好的格式化非標準格式日期的庫。

關於Date日期標準，原文截取 ECMA-262 standard 內容進行說明，引文以下：

ECMAScript defines a string interchange format for date-times based upon a simplification of the ISO 8601 Extended Format. The format is as follows: YYYY-MM-DDTHH:mm:ss.sssZ Where the fields are as follows:

ECMAScript爲基於ISO 8601擴展格式的日期時間定義了一個字符串交換格式。格式爲YYYY-MM-DDTHH:mm:ss.sssZ，每一個域的介紹以下：

• YYYY is the decimal digits of the year in the Gregorian calendar. YYYY爲格林威治時間年的十進制表達
• ":" (hyphon) appears literally twice in the string. ":"字面上出如今兩個字符串之間
• MM is the month of the year from 01 (January) to 12 (December). MM表示月份從01（一月）到12（十二月）
• DD is the day of the month from 01 to 31. DD表示月份中的天數從01到31.
• T "T" appears literally in the string, to indicate the beginning of the time element. T字面上出如今字符串中，代表時間元素的開始
• HH is the number of complete hours that have passed since midnight as two decimal digits. HH表示從午夜算起，已經通過的完整兩位小時數字
• : ":" (colon) appears literally twice in the string. ":"字面上出如今兩個字符串之間
• mm is the number of complete minutes since the start of the hour as two decimal digits. mm表示從一個小時的開始算起，已經通過的完整兩位分鐘數字
• ss is the number of complete seconds since the start of the minute as two decimal digits. ss表示從一分鐘的開始算起，已經通過的完整兩位秒數數字
• . "." (dot) appears literally in the string. "."字面上出如今字符串裏
• sss is the number of complete milliseconds since the start of the second as three decimal digits. Both the "." and the milliseconds field may be omitted.  sss表示從一秒鐘的開始算起，已經通過的完整毫秒數，用三位數表示。該域可忽略不寫。
• Z is the time zone offset specified as "Z" (for UTC) or either "+" or "-" followed by a time expression hh:mm Z特指時區偏移（特指UTC）或使用跟隨有時間表達式hh:mm 的"+"、"-"。如 +hh:mm

This format includes date-only forms: 這種格式能夠只有日期，僅容許如下格式：

• YYYY
• YYYY-MM
• YYYY-MM-DD

It also includes time-only forms with an optional time zone offset appended: 這種格式也能夠只有時間，僅容許如下格式：

• THH:mm
• THH:mm:ss
• THH:mm:ss.sss

Also included are "date-times" which may be any combination of the above. 同時也能夠包含以上提到的日期或時間的組合。

因此能夠看到，問題在於YYYY-MM-DD格式是包含在標準中的，只是Safari沒有實現。可使用上文提到的DateJS對各類格式進行格式化以達到最大兼容性，舉例以下：

var myDate1 = Date.parseExact("29-11-2010", "dd-MM-yyyy");
var myDate2 = Date.parseExact("11-29-2010", "MM-dd-yyyy");
var myDate3 = Date.parseExact("2010-11-29", "yyyy-MM-dd");
var myDate4 = Date.parseExact("2010-29-11", "yyyy-dd-MM");

不過，若是僅是不多量的使用日期時間，我的認爲無需打動干戈的去使用DateJS這種庫，簡單的進行正則匹配爲safari能夠識別的格式便可，以下：

new Date('2011-04-12'.replace(/-/g, "/"))

更多其餘的變化，能夠根據本身的業務需求進行代碼上的調整。