1. 程式人生 > >js Date()日期函數瀏覽器兼容問題解決方法

js Date()日期函數瀏覽器兼容問題解決方法

nbsp 日期 版本 asc 問題 題解 java js date color

一般 直接new Date() 是不會出現兼容性問題的,而 new Date(datetimeformatstring) 常常會出現瀏覽器兼容性問題,為什麽,datetimeformatstring中的某些格式瀏覽器不兼容。

1. 無參

//無參 所有瀏覽器都兼容
var dateTime = new Date();

2.日期參數

//日期參數 格式1
var dateTime = new Date("2017-09-12");

a. IE

  > IE9-(不兼容) 

  > IE9+(兼容,包含IE9)

b. 火狐(兼容)

c. 谷歌 (兼容)

//日期參數 格式2 所有瀏覽器都兼容
var dateTime = new Date("2017/09/12");

3.日期時間參數

//日期時間參數 格式3
var dateTime = new Date("2017-09-12T13:42:00");

//日期時間參數 格式1
var dateTime = new Date("2017-09-12 13:41:00");

a. IE (不兼容,不管哪個版本)

b. 火狐 (不兼容)

c. 谷歌 (兼容)

//日期時間參數 格式2 所有瀏覽器都兼容
var dateTime = new Date("2017/09/12 13:42:00");

a. IE

  > IE9- (不兼容)

  > IE9+(兼容)

  > IE9(半兼容 8個小時時間差)

b. 火狐 (兼容)

c. 谷歌 (半兼容 8個小時時間差)

//日期時間參數 格式4
var dateTime = new Date("2017/09/12T13:42:00");

a. IE (半兼容 1小時時間差)

b. 火狐 (不兼容)

c. 谷歌 (不兼容)

註意:

綜上,所有主流瀏覽器都支持的格式為: var dateTime = new Date("2017/09/12 13:42:00");

那麽解決方案就是 將datetimeformatstring 轉換成 yyyy/MM/dd hh:mm:ss 格式化字符串即可

js Date()日期函數瀏覽器兼容問題解決方法