HTML DOM Input Datetime Objekt

Datetime-Objekt

Das Datetime-Objekt ist ein neues Objekt in HTML5.

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

Anmerkung:Internet Explorer, Firefox oder Chrome unterstützen das <input type="datetime">-Element nicht, Safari unterstützt es teilweise. Opera 12 und frühere Versionen unterstützen es vollständig.

Zugriff auf Datetime-Objekt

Sie können auf das <input type="myDatetime">-Element zugreifen, indem Sie getElementById() verwenden:

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

Versuchen Sie es selbst

Hinweis:Sie können auch die Formularfelder durchlaufen elements-Kollektionum auf das Datetime-Objekt zuzugreifen.

Erstellen Sie ein Datetime-Objekt

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

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

Versuchen Sie es selbst

Datetime-Objekt Eigenschaften

Eigenschaften Beschreibung
autocomplete Setzen oder Rückgabe des Wertes der autocomplete-Eigenschaft des datetime-Felds.
autofocus Setzen oder Rückgabe, ob das datetime-Feld nach dem Laden der Seite automatisch in den Fokus gelangen soll.
defaultValue Setzen oder Rückgabe des Standardwerts des datetime-Felds.
disabled Setzen oder Rückgabe, ob das datetime-Feld deaktiviert ist.
form Rückgabe auf das Formular, das das datetime-Feld enthält.
list Rückgabe auf den datalist, der das datetime-Feld enthält.
max Setzen oder Rückgabe des Wertes der max-Eigenschaft des datetime-Felds.
min Setzen oder Rückgabe des Wertes der min-Eigenschaft des datetime-Felds.
name Setzen oder Rückgabe des Wertes der name-Eigenschaft des datetime-Felds.
readOnly Setzen oder Rückgabe, ob das datetime-Feld schreibgeschützt ist.
required Setzen oder Rückgabe, ob das datetime-Feld vor dem Absenden des Formulars ausgefüllt werden muss.
step Setzen oder Rückgabe des Wertes der step-Eigenschaft des datetime-Felds.
type Rückgabe des Formularelementtyps des datetime-Felds.
value Setzen oder Rückgabe des Wertes der value-Eigenschaft des datetime-Felds.

Input Datetime-Objekt Methoden

Methode Beschreibung
select() Den Inhalt des Textfelds für Datum und Uhrzeit auswählen.
stepDown() Den Wert des datetime-Felds um eine angegebene Zahl verringern.
stepUp() Den Wert des datetime-Felds um eine angegebene Zahl erhöhen.

Standardeigenschaften und Ereignisse

Datetime-Objekt unterstützt StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML-Tutorial:HTML-Formular

HTML-Referenzhandbuch:HTML <input> Tag

HTML-Referenzhandbuch:HTML <input> type Eigenschaft