2011-08-18 89 views
5

是否可以設置html5日期時間輸入?html5 datetime輸入 - 是否可以設置值的顯示?

<input type="datetime" value="2011-08-18T16:49Z"> 

此ISO日期時間格式不過度可讀。是否可以使用CSS或其他方式將值的表示格式化爲某種模式?

編輯:我只是意識到這個問題是依賴於瀏覽器。例如,Opera實現了一個很好的控件,用戶不能輸入無效的日期。然後瀏覽器會生成格式正確的W3C日期時間字符串,並將其發送到服務器。 Firfox 6只提供標準輸入,並不關心輸入什麼內容。 Chrome有一個普通的輸入字段,但需要在提交表單之前輸入一個有效的w3C字符串。

所以我的問題可能沒有任何意義。所以我會問另一個:是否有任何標準化這些自定義輸入字段的功能/表示的瀏覽器指南?

+0

如果你有一個新的,完全不同的問題,您可能需要單獨張貼並且這個標誌被關閉。 – BoltClock

回答

2

一旦表單數據被提交,你可以格式化它的服務器端。如果你想做你的格式化客戶端,你不能使用CSS,但你可以通過將輸入值加載到Date對象中,並使用該對象的各種方法返回日期組件(getMonth() ,getDate(),getFullYear()等)。您可以在http://jsfiddle.net/G4XGP/處看到一個基本示例。

1

此外,您還可以使用:

<input type="date"> 

格式 - > 2011-08-11

相關問題