扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
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这个新属性，，一句短短的就搞定了，，
不过有一个不好处就是，不同的浏览器渲染出来的效果有些差别。。。。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网