X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

DateTimePicker

Mit <DateTimePicker>-Controls können Sie eine Datums- und Uhrzeitauswahl erstellen. Sie eignen sich für alle Fälle, in denen Zeit- oder Datumswerte im Prozess benötigt werden, zum Beispiel für Termine, Fristen oder Buchungen. <DateTimePicker>-Controls unterstützen sowohl die Auswahl über eine Kalenderansicht als auch die direkte Eingabe per Tastatur.

Hinweise zur Verwendung

Ein <DateTimePicker>-Control wird mit dem Element <DateTimePicker> erzeugt.

<DateTimePicker>
...
</DateTimePicker>

<DateTimePicker>-Controls können in allen verfügbaren Layouttypen verwendet werden. Weitere Informationen finden Sie unter Layouts.

Hinweis

Bitte beachten Sie, dass das Datumsformat abhängig von der Sprache des verwendeten Browsers ist (z. B. Deutsch: 31.3.2025 / US-Englisch: 03/31/2025).

Attribute

Hinweis:

Es gibt eine Reihe von Standardattributen, die für alle Controls festgelegt werden können. Weitere Informationen zu den Standardattributen finden Sie unter Standardattribute.

Zusätzlich zu den Standardattributen können Sie die folgenden Attribute für <DateTimePicker>-Controls definieren:

Attribut

Beschreibung

displayName

Titel des Controls.

  • Übersetzbar

  • Data Binding möglich

Mögliche Werte:

Beliebige Zeichenkette

format

Format, in dem die Uhrzeit angezeigt und gespeichert wird.

Mögliche Werte:

  • Date Time With Minutes: Uhrzeit mit Angabe der Stunden und Minuten im Format hh:mm.

  • Date Time With Seconds: Uhrzeit mit Angabe der Stunden, Minuten und Sekunden im Format hh:mm:ss.

  • Date Time With Milliseconds: Uhrzeit mit Angabe der Stunden, Minuten, Sekunden und Millisekunden im Format hh:mm:ss.sss.

​value

Erforderlich

Wert, der angezeigt und gespeichert wird.

  • Data Binding möglich

Mögliche Werte: 

  • Mit Data Binding: Date oder DateTime

  • Ohne Data Binding: Beliebige Zeichenkette

Lokalisierung des <DateTimePicker>-Controls

Mit <DateTimePicker>-Controls können Sie Datum und Uhrzeit erfassen. Die Controls sind vollständig lokalisierbar, sodass alle Texte, Buttons und Beschriftungen in der Sprache des Benutzers angezeigt werden.

Standardmäßig sind folgende Übersetzungen verfügbar:

XML
dateInput.increment = Wert erhöhen
dateInput.decrement = Wert verringern
datePicker.today = Heute
datePicker.toggle = Kalender umschalten
datePicker.prevButtonTitle = Auf vorherige Seite navigieren
datePicker.nextButtonTitle = Auf nächste Seite navigieren
dateTimePicker.dateTab = Datum
dateTimePicker.dateTabLabel = Datum
dateTimePicker.timeTab = Zeit
dateTimePicker.timeTabLabel = Zeit
dateTimePicker.toggle = Umschalten
dateTimePicker.accept = Setzen
dateTimePicker.acceptLabel = Setzen
dateTimePicker.cancel = Abbrechen
dateTimePicker.cancelLabel = Abbrechen
dateTimePicker.now = JETZT
dateTimePicker.nowLabel = Jetzt
dateTimePicker.today = HEUTE
dateTimePicker.prevButtonTitle = Zur vorherigen Ansicht
dateTimePicker.nextButtonTitle = Zur nächsten Ansicht

Beispiel

DateTimePicker-Control in der Detail Component
XML
<DetailComponent>
    <FlowLayout>
        <DateTimePicker value="#Date" displayName="Date" format="Date Time With Seconds"/>
    </FlowLayout>
</DetailComponent>
image-20251125-084231.png