html5日历输入类型date实现浏览器原生日历

在HTML5之前，网页中日期选择，最常见的方案是用Javascript日期组件。这几乎是无可争议、别无选择的做法。html5出现后其input的type提供了date类型，不依赖js实现日期选择。但是这个属性只有在谷歌浏览器实现了比较好的支持。HTML5规范里只规定date新型input输入类型，并没有规定日历弹出框的实现和样式。所以，各浏览器根据自己的设计实现日历。

如果你使用的是谷歌浏览器，那你就可以在下面的实例演示中看到这个日期的组件效果。用鼠标点击输入框，就能看到浏览器原生的日历框：

<input type="date"> date 日期类型：

请选择日期：

<input type="month"> month 月类型：

请选择月份：

<input type="week"> week 周类型：

请选择第几周：

<input type="time"> time 时间类型：

请选择时间：

<input type="datetime"> 日期和时间类型：

选择时间、日期、月、年（UTC时间）：

<input type="datetime-local"> 日期和时间类型：

选择时间、日期、月、年（本地时间）：

本文固定链接: http://www.webzsky.com/?p=529 | 蓝戒的博客