如何使用输入日期时间？

Question

在文档中，我找到了datetime输入类型：

  

datetime：html5用于根据UTC时区输入日期和时间（小时，分钟，秒和小数秒）的控件。

     

datetime-local：html5用于输入日期和时间的控件，没有时区。

但是，当我尝试使用其中一个时，我发现datetime和text输入类型没有区别。

HTML

<input type="datetime" name="" id="test">        
<input type="datetime-local" name="" id="test1">

结果

  

为什么datetime输入类型不能正常工作？

JSFIDDLE

Answer 1

datetime仍然差不多no support in modern browsers。我运行了一些测试，它只能在Chrome中运行，而且它非常难看和有问题。

我建议您使用js日期选择器插件。

Answer 2

转到以下链接并检查您的浏览器兼容性。然后使用它

Supported
Not supported
Partially supported
Support unknown  

http://caniuse.com/#search=datetime

Answer 3

那是因为最新版本的浏览器如 Firefox（29.0）和 Chromium（34.0） 尚未提供实施 <input type="datetime">。

Chromium（Chrome）支持datetime-local但不支持datetime。也许这是因为datetime 要求浏览器提供界面来选择时区以及日期和时间。

我希望将在即将推出的浏览器版本中提供支持。

Answer 4

大多数浏览器仍然不支持

<input type=datetime>，或者support有限且有缺陷。这种类型的用处已经被大量讨论，并且用例似乎太少，不足以使浏览器供应商感兴趣。它在HTML5 CR中被标记为“有风险”，newest CR（2014年4月29日）已将其删除（以及type=datetime-local）。

结论是：不要使用它，除非在受控环境中，已知用户拥有支持它的浏览器。您可以考虑使用两个字段，一个用于日期，另一个用于时间，但当然这并不完全相同。