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新控件 - 日期和时间选择输入

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • ssl通关的概念(一个)

    ssl通关的概念(一个)

    2022年1月6日
    47
  • MySQL常用命令大全(完整)「建议收藏」

    MySQL常用命令大全(完整)「建议收藏」打开Linux或MacOS的Terminal(终端)直接在终端中输入windows快捷键win+R,输入cmd,直接在cmd上输入1、mysql服务的启动和停止netstopmysqlnetstartmysql启动失败可按快捷键win+R,输入services.msc,找到MySQL服务器的名称启动2、登陆mysqlmysql(…

    2022年6月30日
    26
  • Java面试宝典(超级详细)「建议收藏」

    一、Java基础1.JDK和JRE有什么区别?JDK:JavaDevelopmentKit的简称,java开发工具包,提供了java的开发环境和运行环境。JRE:JavaRuntimeEnvironment的简称,java运行环境,为java的运行提供了所需环境。具体来说JDK其实包含了JRE,同时还包含了编译java源码的编译器javac,还包含了很多java程序调试和分析的工具。简单来说:如果你需要运行java程序,只需安装JRE就可

    2022年4月5日
    44
  • crontab用法_切尔西对萨格勒布

    crontab用法_切尔西对萨格勒布Crontab语法一、基本语法minutehourday-of-monthmonth-of-yearday-of-weekcommands二、合法值00-5900-2301-3101-120-6(0issunday)三、特殊符号*代表所有的取值范围内的数字/代表每的意思,/5表示每5个单位-代表从某个数字到某个数字,分开几个离散的数…

    2025年6月10日
    4
  • vue项目解决跨域问题_跨域的解决方案

    vue项目解决跨域问题_跨域的解决方案在项目根目录下新建vue.config.js文件,里面内容如下module.exports={devServer:{proxy:{‘/api’:{target:’http://localhost:8080/’,//跨域请求地址changeOrigin:true,//开启代理,是否实现跨域pathRewrite:{.

    2022年10月1日
    4
  • Python函数基础[通俗易懂]

    Python函数基础[通俗易懂]函数声明、调用、返回基础Python中使用def关键字来声明函数,声明函数的格式为:有3个需要注意的地方:1.函数名后面必须加冒号2.如果函数体和def不在同一行,则必须缩进3.ret

    2022年7月5日
    28

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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