RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

DateTimeRangePicker

Free

Zeitraum mit Anfang und Ende, in einem Kalender gewählt, der zwei Monate nebeneinander zeigt (Months) (der erste Klick setzt den Anfang, der zweite das Ende), und pro Feld getippt oder angepasst. Der Wert ist ein DateTimeRange. Setzen Sie IncludeTime auf false für reine Datumsangaben. Ein ohne Uhrzeit getipptes Datum behält die bereits gewählte Uhrzeit. Uhrzeiten verwenden dasselbe Feld wie TimePicker.

Beispiel

Steuerelement DateTimeRangePicker

Parameter

ParameterTypBeschreibung
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
DisabledboolDeaktiviert die Interaktion.
DisplayNamestringIn Validierungsmeldungen verwendeter Name.
HelperTextstringHinweis, der unter dem Feld angezeigt wird.
IncludeTimeboolWählt auch die Uhrzeit (Standard true). Auf false setzen für reine Datumsangaben.
LabelstringSichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
MaxDateDateTime?Spätestes wählbares Datum.
MinDateDateTime?Frühestes wählbares Datum.
MonthsintWie viele Monate das Popup nebeneinander zeigt (Standard 2). Auf schmalen Bildschirmen werden sie gestapelt.
PresetsIEnumerable<DateRangePreset>Ihre eigenen schnellen Bereiche: DateRangePreset(label, start, end).
ReadOnlyboolZeigt den Wert, lässt aber keine Änderungen zu.
ShowPresetsboolZeigt neben dem Kalender eine Liste schneller Bereiche (heute, letzte 7 Tage, dieser Monat ...).
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
ValueDateTimeRangeAktueller Wert. Verwenden Sie es mit @bind-Value.

Ereignisse

EreignisTypBeschreibung
ValueChangedEventCallback<DateTimeRange>Wird ausgelöst, wenn sich der Wert ändert.

Paket

DateTimeRangePicker gehört zu RayCraft Free. Paket: RayCraft.Blazor. Es stammt von nuget.org. Siehe Erste Schritte.