HTML5 input 类型 datetime-local
<input> 元素的 datetime-local 类型创建让用户便捷输入日期和时间的输入控件，包括"年"、"月"、"日"，以及"时"和"分"。
实例
<!DOCTYPE html><html><body><p>根据浏览器支持：<br>当您填写输入字段时会弹出日期选择器。</p><form action="/example/html/action_page.aspx">生日（日期和时间）：<input type="datetime-local" name="bdaytime"><input type="submit" value="Send"></form><p><b>注释：</b>Firefox 或者 Internet Explorer 不支持 type="datetime-local"。</p></body></html>
浏览器支持
表格中的数字注明了完全支持该选择器的首个浏览器版本。
| 类型 | |||||
|---|---|---|---|---|---|
| datetime-local | 20.0 | No | 57.0 | No | 10 |
定义与用法
<input type="datetime-local"> 允许用户选择日期和时间（无时区）。
根据浏览器支持，日期选择器会出现输入字段中。
显示方式
由于
datetime-local 类型受限于浏览器支持，并且不同浏览器在输入方法上存在差异，目前最好是使用第三方框架或库来展示，或者实现一个自己的输入控件。下面的 Chrome/Opera datetime-local 控件截图样式可作参考。点击输入框右侧的向下箭头弹出的日期选择器可选择日期；时间需要手动地输入。
Edge 浏览器的 datetime-local 控件样式如下；点击日期和时间数值的部分会分别显示两个独立的控件，这样你可以轻松地设定日期和时间。这有点像为你创建了一个将 date 和 time 拼接在一起的控件。
