一文了解透-html中input有关日历的三大type=date/datetime(已经废除)/datetime-local

前言

今天在牛客网上刷题，碰到一个自己还没怎么注意到的新type类型的<input>标签，是一类用于绘制日历相关的标签，原题如下：

 参考资料：

- HTML（超文本标记语言） | MDN 元素的 datetime-local 类型创建让用户便捷输入日期和时间的输入控件，包括“年”、“月”、“日”，以及“时”和“分”。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/datetime-local - HTML（超文本标记语言） | MDN 元素的 datetime-local 类型创建让用户便捷输入日期和时间的输入控件，包括“年”、“月”、“日”，以及“时”和“分”。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/datetime-local - HTML（超文本标记语言） | MDNHTML  是一个控件，用于输入日期和时间（小时、分钟、秒和秒的小数）以及时区。这个特性已经 从 WHATWG HTML 中移除，并且不再受浏览器支持。https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/datetime

结束语

通过这些权威资料，我们可以完全了解这三个type类型的input的差异和浏览器兼容性情况，查看这些资料后，总结就是：

datatime已经废除使用，尽管还有一些浏览器依旧支持，但是不建议使用。而datetime-local是datetime的升级版并且目前pc端和android端的主流浏览器几乎都支持，datetime-local和date都是创建让用户便捷输入日期的输入控件，相比于date，datetime-local还支持了时间的输入，支持到时、分，暂不支持秒。

特意记录，希望对需要的人有一些参考作用！