Zeitintervalle

Ein häufiger Anwendungsfall ist die Unterstützung von Usern bei der Eingabe von Zeitintervallen, in denen Aktionen ausgeführt werden. Ein typisches Beispiel ist das Konfigurieren von Cronjobs.


Aufbau

In diesem Codebeispiel werden die Komponenten Select, TimeField, TextField mit Cron-Syntax und LabeledValue kombiniert.

Interval

Wed Mar 18 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Thu Mar 19 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Fri Mar 20 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Sat Mar 21 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Sun Mar 22 2026 00:00:00 GMT+0000 (Coordinated Universal Time)

Ein Select schlägt passende Zeitintervalle vor. Je nach Auswahl kann dynamisch ein weiteres FormControl eingeblendet werden, zum Beispiel ein TimeField, um die Auswahl zu verfeinern. Die Option "Benutzerdefiniert" ermöglicht über ein TextField mit Cron-Syntax sehr individuelle Einstellung. Zur Unterstützung können die nächsten drei Ausführungen beispielhaft in einem LabeledValue dargestellt werden.

Best Practices

  • Reduziere die Auswahl auf für den Nutzungskontext relevante Zeitintervalle, um Entscheidungen zu vereinfachen.
  • Sehr kleine Intervalle sind oft weder nötig noch umweltfreundlich. Gib bei Bedarf einen Hinweis, zum Beispiel mit einer AccentBox.
  • Blende weitere FormControls dynamisch ein, um die Auswahl zu verfeinern und den User nicht zu Überfordern.
  • Achte auf eine klare Kommunikation der Zeitzone, in der das Intervall gilt, da sonst falsche Erwartungen entstehen können.

Zeitintervalle