求一个HTML5日期时间控件。

html-css07

求一个HTML5日期时间控件。,第1张

<input type="date">这就会自带日期控件了。。。

HTML5 拥有多个供选择日期和时间的新的输入类型:

date - 选择日、月、年

month - 选择月、年

week - 选择周、年

time - 选择时间(时、分)

datetime - 选择时间、日期、月、年(UTC 时间)

datetime-local - 选择时间、日期、月、年(本地时间)

你可以试试不同类型出来的效果,,

如果想要更好看的,那只能去搞个jquery的日期控件来用了,毕竟做得比较成熟,,

但是个人还是很喜欢html5这个新属性,,一句短短的就搞定了,,

不过有一个不好处就是,不同的浏览器渲染出来的效果有些差别。。。。

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 id="date" name="dateName" required min="2013-01-01" max="2013-09-23" type="date"/>

日期的格式写错了,所以没控制成功