Kalendersteuerelement

Ein Steuerelement einer grafischen Benutzeroberfläche, zur Auswahl eines Datums

Ein Kalendersteuerelement, fachsprachlich englisch auch Datepicker (für „Datumswähler“), ist ein kombiniertes Steuerelement grafischer Benutzeroberflächen. Es dient zur vereinfachten Eingabe, Auswahl bzw. Anzeige eines Kalenderdatums.

Datepicker
Timepicker

Ein Kalendersteuerelement ist die Kombination aus einem speziellen Textfeld und einem Kalender, der je nach GUI-Toolkit ständig sichtbar oder als Dropdown/Pop-up eingeblendet werden kann. Letzteres verhält sich wie eine Dropdown-Liste, enthält dabei aber einen Kalender.[1] Das Datum lässt sich also sowohl durch Eingabe im Textfeld als auch durch Auswählen eines bestimmten Tages im Kalender einstellen. In vielen Implementierungen kann das zur Benutzereingabe vorgesehene Datumsformat von Entwicklern an regionale Gegebenheiten angepasst werden (Lokalisierung).[2]

Der Name Datepicker leitet sich davon ab, dass ein bestimmtes Datum mit der Maus im Kalender „herausgepickt“ (englisch: to pick) werden kann. Ein entsprechendes Steuerelement für die Auswahl einer Uhrzeit heißt Timepicker. Unter Mobile Apps mit Touchscreen-Steuerung werden Timepicker oft als Analoguhr dargestellt.[3] Der Stunden- und Minutenzeiger kann dort per Finger auf den gewünschten Wert eingestellt werden. Wie bei einem Datepicker kann in der Regel auch bei einem Timepicker das Eingabeformat lokalisiert werden (z. B. 24-Stunden-Zählung oder 2-mal-12-Stunden-Zählung).

In manchen Frameworks werden Date- und Timepicker zu einem gemeinsamen Steuerelement zusammengefasst.[2][4]

Bearbeiten
Commons: DatePicker – Sammlung von Bildern, Videos und Audiodateien

Einzelnachweise

Bearbeiten
  1. Date pickers. In: m3.material.io. Google, abgerufen am 25. April 2024 (englisch).
  2. a b Jim Walker et al.: About Date and Time Picker Controls. In: learn.microsoft.com. Microsoft, 25. Mai 2021, abgerufen am 25. April 2024 (englisch).
  3. Time pickers. In: m3.material.io. Google, abgerufen am 25. April 2024 (englisch).
  4. <input type="datetime-local">. In: developer.mozilla.org. Mozilla, 11. Februar 2024, abgerufen am 25. April 2024 (englisch).