Wie kann ich feststellen, ob ein Browser unterstützt <input type = 'date'>

Question

Mögliche Duplizieren:
HTML5 Type Detection and Plugin Initialization

<input type=date> 

einen Eingang mit einem erstellen sollte (optional) user-agent hat datepicker zur Verfügung gestellt, aber es wird noch nicht allgemein unterstützt, daher verwenden wir einen jQuery UI Datepicker. Wie können wir es Browsern erlauben, ihren eigenen Datepicker zu verwenden und nur dann auf jQuery UI zurückzugreifen, wenn der Browser so etwas nicht hat?

Momentan denke ich, nur Opera hat einen eingebauten Datapicker, aber ein Test für Opera wäre offensichtlich schlecht. Gibt es eine Möglichkeit, dieses Feature zu erkennen (wenn es überhaupt portabel möglich ist)?

Dank

Answer 1

Das Verfahren unten überprüft, ob einige Eingabetyp von den meisten Browsern unterstützt wird:

function checkInput(type) { 
    var input = document.createElement("input"); 
    input.setAttribute("type", type); 
    return input.type == type; 
} 

Aber wie simonox in den Kommentaren erwähnt, so tun, als einige Browser (wie Android Lager-Browser) dass sie einen Typ unterstützen (als Datum), aber keine Benutzeroberfläche für Datumseingaben bieten. So verbesserte simonox die Implementierung mit dem Trick, einen illegalen Wert in das Datumsfeld zu setzen. Wenn der Browser diese Eingabe bereinigt, könnte er auch einen Datepicker anbieten !!!

function checkDateInput() { 
    var input = document.createElement('input'); 
    input.setAttribute('type','date'); 

    var notADateValue = 'not-a-date'; 
    input.setAttribute('value', notADateValue); 

    return (input.value !== notADateValue); 
}