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

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