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 以及更早的版本中完全支持。