HTML DOM Input Date Objekt

Input Date-Objekt

Das Input Date-Objekt ist ein neues Objekt in HTML5.

Das Input Date-Objekt stellt das HTML <input type="datetime">-Element dar.

Anmerkung:Internet Explorer oder Firefox unterstützen das Element <input type="date"> nicht.

Zugriff auf das Input Date-Objekt

Sie können das Element <input type="date"> erreichen, indem Sie getElementById() verwenden:

var x = document.getElementById("myDate");

Probieren Sie es selbst aus

Hinweis:Sie können auch die Formular iterieren elements-KollektionUm auf das Input Date-Objekt zuzugreifen.

Erstellen Sie das Input Date-Objekt

Sie können das Element <input type="date"> erstellen, indem Sie die Methode document.createElement() verwenden:

var x = document.createElement("INPUT");
x.setAttribute("type", "date");

Probieren Sie es selbst aus

Input Date-Objekt Attribute

Eigenschaften Beschreibung
autocomplete Setzen oder zurückgeben des Wertes des autocomplete-Attributs des date-Attributs.
autofocus Setzen oder zurückgeben, ob das date-Attribut nach dem Laden der Seite automatisch in den Fokus gelangen soll.
defaultValue Setzen oder zurückgeben des Standardwerts des date-Attributs.
disabled Setzen oder zurückgeben, ob das date-Attribut deaktiviert ist.
form Geben Sie eine Referenz auf das Formular zurück, das den date-Attribut enthält.
list Geben Sie eine Referenz auf das datalist, das den date-Attribut enthält, zurück.
max Setzen oder zurückgeben des Max-Wertes des date-Attributs.
min Setzen oder zurückgeben des Min-Wertes des date-Attributs.
name Setzen oder zurückgeben des Namens des date-Attributs.
readOnly Setzen oder zurückgeben, ob das date-Attribut lesbar ist.
required Setzen oder zurückgeben, ob das date-Attribut vor dem Absenden des Formulars ausgefüllt werden muss.
step Setzen oder zurückgeben des Wertes des step-Attributs des date-Attributs.
type Geben Sie den Typ des Formularelements des date-Attributs zurück.
value Setzen oder zurückgeben des Wertes des date-Attributs.

Input Date-Objekt Methoden

Methode Beschreibung
select() Wählen Sie den Inhalt des Textfelds für das Datum aus.
stepDown() Verringern Sie den Wert des Datumsfelds um die angegebene Zahl.
stepUp() Erhöhen Sie den Wert des Datumsfelds um die angegebene Zahl.

Standardattribute und Ereignisse

Der Input Date-Objekt unterstützt StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML-Tutorial:HTML-Formular

HTML-Referenzhandbuch:HTML <input>-Tag

HTML-Referenzhandbuch:HTML <input> type-Attribut