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

Thu Mar 12 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Fri Mar 13 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Sat Mar 14 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Sun Mar 15 2026 00:00:00 GMT+0000 (Coordinated Universal Time)
Mon Mar 16 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