您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

HTML5 时间和日期选择输入表单元素

时间:12-14来源:作者:点击数:
城东书院 www.cdsy.xyz

HTML5 定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择,目前只有 Chrome 和 Opera 提供下拉式日历支持,其它浏览器仍是一个普通文本框,火狐对支持部分 type 的设置。

日期控件 - date

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

时间控件 - time

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

日期时间控件 - datetime-local

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

月控件 - month

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

周控件- week

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

时间区间

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

<input type="date" value="2015-09-24" min="2015-09-16" max="2015-09-26"/>

在线预览:https://www.cdsy.xyz/tools/runcode?name=for73134_date_time_select

城东书院 www.cdsy.xyz
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐