HTML5 拥有多个可供选取日期和时间的新输入类型：

 

1. date-选取日、月、年
2. month-选取月、年
3. week-选取周和年
4. time-选取时间（小时和分钟）
5. datetime-选取时间、日、月、年（本地时间）

下面的例子允许我从日历中选一个日期：

eg：

Date：<niput type="date" name="user_date" />

1. <!DOCTYPE html>  
2. <html>  
3. <head><title>xxxx</title>  
4. </head>  
5. <body>  
6. <form action="/example/html5/demo_form.asp" method="get">  
7. <input type="date" name="user_date" />  
8. <input type="submit" />  
9. </form>  
10. </body>  
11. </html>



假如 

1. type="date"

 

假如输入的是week：

假如输入的是time：

 假如输入的是datetime:

 假如是datetime-local:

 

datatime调不出日历控件原因：

调不出来是因为有些浏览器不支持datetime这种日历控件，比如chrome。
Datetime 对象是 HTML5 中的新对象。
Datetime 对象表示 HTML <input type="datetime"> 元素。
注释：Internet Explorer、Firefox 或者 Chrome 不支持 <input type="datetime"> 元素，Safari 中部分支持。Opera 12 以及更早的版本中完全支持。