HTML5 拥有多个可供选取日期和时间的新输入类型:
- date-选取日、月、年
- month-选取月、年
- week-选取周和年
- time-选取时间(小时和分钟)
- datetime-选取时间、日、月、年(本地时间)
下面的例子允许我从日历中选一个日期:
eg:
Date:<niput type="date" name="user_date" />
- <!DOCTYPE html>
- <html>
- <head><title>xxxx</title>
- </head>
- <body>
- <form action="/example/html5/demo_form.asp" method="get">
- <input type="date" name="user_date" />
- <input type="submit" />
- </form>
- </body>
- </html>

假如
date换成输入的是month:
- 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 以及更早的版本中完全支持。