您的位置：首页 > Web前端 > HTML5

HTML5新控件 - 日期和时间选择输入

2016-03-17 15:51 1596 查看
HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择。

注意：目前只有Chrome和Opera提供下拉式日历支持，其它浏览器仍是一个普通文本框。

1，日期控件 - date



<input type="date" value="2015-09-24"/>


2，时间控件 - time



<input type="time" value="13:59"/>
<input type="time" value="13:59:59"/>


3，日期时间控件 - datetime-local



<input type="datetime-local" value="2015-09-24T13:59:59"/>


4，月控件 - month



<input type="month" value="2015-09"/>


5，周控件 - week



<input type="week" value="2015-W02"/>


6，日期时间控件也支持min和max属性，表示可设置的最小和最大时间



<input type="date" value="2015-09-24" min="2015-09-16" max="2015-09-26"/>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航