频道栏目
首页 > 资讯 > HTML/CSS > 正文

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

17-07-01        来源:[db:作者]  
收藏   我要投稿
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"/>

 


相关TAG标签
上一篇:vue2.0之axios使用详解(一)
下一篇:[vue.js]prop验证没有错误信息的可能原因:没有使用开发者版本
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站