HTML时间和日期类型

时间:2012-08-29 11:46:32

标签: html html5

我正在使用type="time"作为我的输入。有没有办法设置分钟步骤(00,15,30,45)。

我还有type="date"的一个输入。有没有办法限制选择日期,使用不能选择未来的日期。

2 个答案:

答案 0 :(得分:0)

尝试使用输入的min和max属性进行限制日期选择(目前仅支持opera和chrome)。

我不确定时间选择的步骤。

看一下jQuery datepickertimepicker。它适用于大多数浏览器,应满足您的需求。

答案 1 :(得分:0)

原则上,通过HTML5草稿,您可以使用step属性来设置步长。对于input type=time,其值以秒为单位进行解释,因此在15分钟内,您将使用

<input type=time step=900>

目前Opera和Safari支持这种功能,但不支持Chrome(奇怪,因为早期版本有一些支持,至少根据我的书(字面意思))。

同样,您可以使用max属性设置日期的上限。但是,HTML5中没有“现在”的概念。您需要确定生成页面服务器端的当前日期,或者使用JavaScript将其设置为客户端(这些涉及对“当前”的两种不同解释)。例如:

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

适用于Chrome,Opera,Safari。