HTML5表单之Input 类型- Date Pickers（日期选择器）

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

date-选取日、月、年
month-选取月、年
week-选取周和年
time-选取时间（小时和分钟）
datetime-选取时间、日、月、年（本地时间）

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

eg：

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

[html] view plain copy

<!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>

效果如图：

假如

[html] view plain copy

type="date"

date换成输入的是month：

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