百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML5日期和时间控件的测试例子
分享文章到:

HTML5日期和时间控件的测试例子

发布时间:01/15 来源: 浏览: 关键词:
HTML5日期和时间控件只需要我们填写一句代码就可以实现选择日期了,这个比现在的jquery或js的代码来讲是非常简单了,下面来看看HTML5新控件 - 日期和时间选择输入的用法.

原文:HTML5新控件 - 日期和时间选择输入HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。
注意:目前只有Chrome和Opera提供下拉式日历支持,其它浏览器仍是一个普通文本框。

1,日期控件 - date


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

 

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

2,时间控件 - time

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

 

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

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

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

 

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

4,月控件 - month

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

 

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

5,周控件 - week

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

 

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

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

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

 

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

 

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有11人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板