DateTimeRangePicker
FreeZeitraum 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

Parameter
| Parameter | Typ | Beschreibung |
|---|---|---|
Class | string | Zusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden. |
Disabled | bool | Deaktiviert die Interaktion. |
DisplayName | string | In Validierungsmeldungen verwendeter Name. |
HelperText | string | Hinweis, der unter dem Feld angezeigt wird. |
IncludeTime | bool | Wählt auch die Uhrzeit (Standard true). Auf false setzen für reine Datumsangaben. |
Label | string | Sichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo). |
MaxDate | DateTime? | Spätestes wählbares Datum. |
MinDate | DateTime? | Frühestes wählbares Datum. |
Months | int | Wie viele Monate das Popup nebeneinander zeigt (Standard 2). Auf schmalen Bildschirmen werden sie gestapelt. |
Presets | IEnumerable<DateRangePreset> | Ihre eigenen schnellen Bereiche: DateRangePreset(label, start, end). |
ReadOnly | bool | Zeigt den Wert, lässt aber keine Änderungen zu. |
ShowPresets | bool | Zeigt neben dem Kalender eine Liste schneller Bereiche (heute, letzte 7 Tage, dieser Monat ...). |
Style | string | Inline-Stil, der dem Wurzelelement hinzugefügt wird. |
Value | DateTimeRange | Aktueller Wert. Verwenden Sie es mit @bind-Value. |
Ereignisse
| Ereignis | Typ | Beschreibung |
|---|---|---|
ValueChanged | EventCallback<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.
Feedback sendenVersion 1.0.3