html日期选择控件

html-css014

html日期选择控件,第1张

去下载个My97Date 日历控件用法:下载后解压缩,把My97DatePicker文件夹拷贝到网站目录然后在html页的<head>标签内引入WdatePicker.js.如下:<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>其中src=""里面的为你的WdatePicker.js文件所在路径最后,给需要插入日期的文本框添加onClick属性:onClick="WdatePicker()";例如:<input type=text onClick="WdatePicker()">OK,就这么简单

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

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

date - 选择日、月、年

month - 选择月、年

week - 选择周、年

time - 选择时间(时、分)

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

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

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

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

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

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