Question

HTML，javascript或Razor中是否有办法检测浏览器是否支持<input type="time" />元素？

提前致谢。

Answer 1

分配给.type元素的input属性时，将拒绝无效值。

try {
    var input = document.createElement("input");

    input.type = "time";

    if (input.type === "time") {
        console.log("supported");
    } else {
        console.log("not supported");
    }
} catch(e) {
    console.log("not supported");
}

如果我不知道某些浏览器问题，那么使用.innerHTML也应该这样做。

var div = document.createElement("div");
div.innerHTML = "<input type='time'>";

if (div.firstChild.type === "time")
    console.log("supported");
else
    console.log("not supported");

Answer 2

我认为您最好的选择是检查浏览器支持并以编程方式对使用情况进行编码。

http://caniuse.com/input-datetime

如何检查浏览器是否支持<input type =“time”/>

2 个答案: