Как проверить, поддерживает ли браузер <input type = "time" /">

Есть ли способ в HTML, javascript или Razor обнаружить, поддерживает ли браузер <input type="time" /> элементы?

Спасибо заранее.

Ответ 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");

Ответ 2

Я думаю, что ваш лучший вариант - проверить поддержку браузера и программно использовать его.

http://caniuse.com/input-datetime