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

HTML5新控件 – 日期和时间选择输入转载自:https://blog.csdn.net/u014063717/article/details/50914466HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。注意:我测试了Chrome和Opera,火狐提供下拉式日历支持,其它浏览器可能仍是一个普通文本框。1,日期控件-date<inputtype="date"valu…

大家好,又见面了,我是你们的朋友全栈君。

转载自:https://blog.csdn.net/u014063717/article/details/50914466

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。 

注意:我测试了Chrome和Opera,火狐提供下拉式日历支持,其它浏览器可能仍是一个普通文本框。

1,日期控件 – date

这里写图片描述

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

2,时间控件 – time

这里写图片描述

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

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

这里写图片描述

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

4,月控件 – month

这里写图片描述

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

5,周控件 – week

这里写图片描述

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

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

这里写图片描述

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

 云服务器ESC购买地址:云服务器ECS_云主机_服务器托管_弹性计算-阿里云

对象存储oss购买地址:对象存储OSS_云存储服务_企业数据管理_存储-阿里云

SSL证书购买地址:证书服务_SSL数字证书_HTTPS加密_服务器证书_CA认证-阿里云

CDN云产品购买地址 :CDN_内容分发网络_CDN网站加速-阿里云

 

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142104.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号