html - 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 小部件就不会添加清理。