大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
Input 类型 - Date Pickers(日期选择器)
创新互联建站专业为企业提供尼玛网站建设、尼玛做网站、尼玛网站设计、尼玛网站制作等企业网站建设、网页设计与制作、尼玛企业网站模板建站服务,10年尼玛做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
HTML5 拥有多个可供选取日期和时间的新输入类型:
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
Date: input type="date" name="user_date" /
Datepicker 的选项中有一个 minDate(最小日期),如果你把 minDate 设为当前日期,之前的日期就都不能选了。
minDate 可以为
1、日期对象,例如 new Date()
2、也可以是整数,例如 3 代表 3 天后,-1 代表昨天,0 代表今天
3、也可以是字符串,例如 1w 代表 1 星期后,-2m 代表 两个月之前
所以你的问题,可以设置为日期对象(当前)或者0。
$("#ele").datepicker({
minDate: new Date()
});
或者
$("#ele").datepicker({
minDate: 0
});
input type="date"这就会自带日期控件了。。。
HTML5 拥有多个供选择日期和时间的新的输入类型:
date - 选择日、月、年
month - 选择月、年
week - 选择周、年
time - 选择时间(时、分)
datetime - 选择时间、日期、月、年(UTC 时间)
datetime-local - 选择时间、日期、月、年(本地时间)
你可以试试不同类型出来的效果,,
如果想要更好看的,那只能去搞个jquery的日期控件来用了,毕竟做得比较成熟,,
但是个人还是很喜欢html5这个新属性,,一句短短的就搞定了,,
不过有一个不好处就是,不同的浏览器渲染出来的效果有些差别。。。。