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

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

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"/>

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

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

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

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

HTML5新控件 - 日期和时间选择输入相关推荐

Android Design新控件之TextInputLayout 文本输入布局与自定义颜色简介
Android 从5.0版本开始,新增了Android Materia Design库,让开发者高效的实现炫酷的UI效果推荐: TextInputLayout(文本输入布局) TabLaout(选项 ...
HTML5新控件 - 颜色选择器
color控件可以让用户方便地通过色盘来选择颜色.但目前只有Chrome支持. <input type="color" value="#2D9900"/& ...
html5 数值文本框,HTML5新控件 - 数值输入框
图像按钮当type="p_w_picpath"时,浏览器会在相应位置产生一个图像按钮. 基本语法: DOCTYPE html> 笔者,不玩网游还差4天就两个月了.我常常觉得 ...
Bootstrap日期控件，实现日期控件只选择不准输入效果
一.引入日期控件CSS,JS 二.input就用控件 <td>发行时间</td><td><div class='input-group date' style ...
整合TextBox与Label 创建新控件--EFLabelText
程序开发中,经常用到一个Label 和一个TextBox组合显示数据信息,为此要频繁的拉两个控件再做适当调整,为减少类似"傻瓜"作业,而写了这个新控件--EFLabelText,其 ...
UWP开发随笔——UWP新控件！AutoSuggestBox！
UWP开发随笔--UWP新控件!AutoSuggestBox! 原文:UWP开发随笔--UWP新控件!AutoSuggestBox! 摘要要开发一款优秀的application,控件肯定是必不可少的 ...
一个Activity掌握Design新控件（转）
原文地址:http://blog.csdn.net/lavor_zl/article/details/51295364 谷歌在推出Android5.0的同时推出了全新的设计Material Desig ...
android Snackbar新控件解析
Dialog和Toast,我们在日常的开发中一定非常熟悉,常常被用来作为Android应用内提示性信息的两种展示方式.然而Google在Design包中又提供了一种新的选择,那就是Snackbar.今 ...
html 关闭js控件,javascript – 用JS关闭html5视频控件
我有一个问题, html5视频控件捕获在iOS上发生的任何动作,这干扰了我需要在视频上显示的模态窗口. 我正在尝试自定义模态本身,但似乎无法使其工作.基本上,当模态打开时,我需要做: var vide ...
【Android】Anroid5.0+新控件---酷炫标题栏的简单学习
Android5.0+推出的新控件感觉特别酷,最近想模仿大神做个看图App出来,所以先把这些新控件用熟悉了. 新控件的介绍.使用等等网上相应的文章已经特别多了,题主也没那能力去写篇详解出来,本篇随笔记 ...

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

HTML5新控件 - 日期和时间选择输入相关推荐

最新文章

热门文章