HTML時間和日期類型

Question

我正在使用type="time"作爲我的輸入。有沒有辦法設置分鐘的步驟（00,15,30,45）。

我還有一個輸入與type="date"。有沒有限制選擇日期的方法，它使用不能選擇未來的日期。

Answer 1

嘗試使用輸入的最小和最大屬性來限制日期選擇（目前僅在opera和chrome中支持）。

我不確定時間選擇的步驟。

看看jQuery datepicker 和timepicker。它適用於大多數瀏覽器，並且可以滿足您的需求。

Answer 2

原則上，通過HTML5草稿，您可以使用step屬性來設置步長。對於input type=time，它的值被解釋爲秒，這樣15分鐘，你會用

<input type=time step=900> 

這是目前由Opera和Safari瀏覽器的支持，而不是瀏覽器（奇怪，因爲一些早期版本有支持，至少根據到我的書（字面上））。

同樣，您可以使用max屬性設置日期的上限。然而，在HTML5中沒有「現在」的概念。您需要在生成頁面服務器端時確定當前日期，或者使用JavaScript將其設置爲客戶端（這些涉及兩種不同的「當前」解釋）。例如：

<input type=date max="2012-08-29"> 

適用於Chrome，Opera，Safari。