以html输入框时间即

Question

我想得到一个'时间'输入框（播放箭头以增加/减少时间）。以下代码适用于chrome / mozilla，但它不适用于Internet Explorer：

    <label for="moduleStart">Hours from:</label>
    <input type="time" name="moduleStart" class="dateFormat"/>

如何解决这个问题？

Answer 1

许多元素类型是HTML5中的新功能，因此旧浏览器不支持这些类型。您可以对非HTML5浏览器使用 polyfill 。

在这种情况下，例如：

http://dl.dropbox.com/u/598365/html5forms/html5forms.html

  

目标是允许作者使用大多数HTML5控件类型和   属性即使在尚未支持所有这些新内容的浏览器中也是如此   HTML5功能。其中一些功能仅在实现中实现   最新版本的Opera，部分基于Webkit的浏览器。至   实现这一点，我们需要能够识别和处理正确的   验证这些新类型并能够设置：

Answer 2

Internet Explorer不支持此输入类型。

Answer 3

使用HTML5 Modernizer在不支持新输入的浏览器中支持HTML5新输入类型

来自文档：

  

这些类型可以启用原生日期选择器，颜色选择器，URL   验证，等等。如果浏览器不支持给定类型，则为   将呈现为文本字段。 Modernizr无法检测到该日期   输入创建一个日期选择器，颜色输入创建一个颜色选择器，和   所以它会检测到输入值是基于的   规范。在WebKit的情况下，我们已收到确认   如果没有UI小部件，将不会添加清理。