javascript - 如何让 <input type ="date"> 支持所有浏览器？还有其他选择吗？

Question

我正在处理 HTML5 元素的输入属性，只有 Google Chrome 支持日期、时间属性。我试过 Modernizr但我不明白如何将它集成到我的网站上(关于如何编码/语法/包含的内容)。关于如何使用所有浏览器的日期、时间属性的任何代码片段。

Answer 1

任何不支持输入类型date的浏览器都会默认为标准类型，即text，所以你所要做的就是检查类型property (不是属性)，如果不是date，浏览器不支持日期输入，你自己添加datepicker:

if ( $('[type="date"]').prop('type') != 'date' ) {
    $('[type="date"]').datepicker();
}

FIDDLE

您当然可以使用任何您想要的日期选择器，jQuery UI 的日期选择器可能是最常用的，但如果您不将 UI 库用于其他任何东西，它确实会添加相当多的 javascript，但有数百个可供选择的替代日期选择器。

type 属性永远不会改变，浏览器只会回退到该属性的默认 text 类型，因此必须检查该属性。
该属性仍可用作选择器，如上例所示。