HTML5给你不同的机会来验证日期。浏览器,理解日期元素为您的用户提供方便的下拉日历选择日期从。这可以防止你的用户误解的日期格式或故意选择不正确或不存在的日期。
日期元素为你提供了六种不同的方法f定义日期:日期、月、周、时间、日期+时间和日期+时间,时区。截至目前,该支持最多是稀疏作为歌剧是唯一的浏览器,提供这些下拉日历和Chrome提供最低限度——spinboxes用户不能选择一个无效的号码。因此,如果你想实现你的日期元素也必须使用polyfill支持它正确。
如果你使用“试试这个例子”功能,请注意,我没有实现任何polyfill支持日期元素,因此示例将反映你当前的浏览器实际上呈现元素。
日期
月
星期
有时你所需要的是一个星期,这个星期的格式类型是yyyy-www,这意味着2013年第12周将会呈现2013 - w12。
其它一些验证,时间和日期时间:
日期元素为你提供了六种不同的方法f定义日期:日期、月、周、时间、日期+时间和日期+时间,时区。截至目前,该支持最多是稀疏作为歌剧是唯一的浏览器,提供这些下拉日历和Chrome提供最低限度——spinboxes用户不能选择一个无效的号码。因此,如果你想实现你的日期元素也必须使用polyfill支持它正确。
如果你使用“试试这个例子”功能,请注意,我没有实现任何polyfill支持日期元素,因此示例将反映你当前的浏览器实际上呈现元素。
日期
格式为日期类型是yyyy mm dd,这意味着2012年5月14日将会呈现2012-05-12。这是一个经典的选择任何日期,发货日期休假。
<form>
<input type="date">
<input type="submit" value="Submit Now!">
</form>
月
这个月的格式类型是YYYY-M,这意味着2013年10月将会呈现2013-10。
<form>
<input type="month">
<input type="submit" value="Submit Now!">
</form>
星期
有时你所需要的是一个星期,这个星期的格式类型是yyyy-www,这意味着2013年第12周将会呈现2013 - w12。
<form>
<input type="week">
<input type="submit" value="Submit Now!">
</form>
其它一些验证,时间和日期时间:
<form>
<input type="time">
<input type="submit" value="Submit Now!">
</form>
<form>
<input type="datetime">
<input type="submit" value="Submit Now!">
</form>