DateTimeRangePicker
FreePeriod med start och slut, vald i en kalender som visar två månader sida vid sida (Months) (första klicket anger starten, andra slutet) och inmatad eller justerad per fält. Värdet är ett DateTimeRange. Ange IncludeTime till false för enbart datum. Ett datum som matas in utan tid behåller den redan valda tiden. Tider använder samma fält som TimePicker.
Exempel
Parametrar
| Parameter | Typ | Beskrivning |
|---|---|---|
Class | string | Extra CSS-klasser som läggs till på rotelementet. |
Disabled | bool | Inaktiverar interaktion. |
DisplayName | string | Namn som används i valideringsmeddelanden. |
HelperText | string | Ledtråd som visas under fältet. |
IncludeTime | bool | Väljer också tid på dagen (standard true). Ange false för enbart datum. |
Label | string | Synlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips). |
MaxDate | DateTime? | Senaste valbara datum. |
MinDate | DateTime? | Tidigaste valbara datum. |
Months | int | Hur många månader popup-fönstret visar sida vid sida (standard 2). De staplas på smala skärmar. |
Presets | IEnumerable<DateRangePreset> | Egna snabba intervall: DateRangePreset(label, start, end). |
ReadOnly | bool | Visar värdet men tillåter inte ändringar. |
ShowPresets | bool | Visar en lista med snabba intervall (idag, senaste 7 dagarna, den här månaden...) bredvid kalendern. |
Style | string | Inbäddad stil som läggs till på rotelementet. |
Value | DateTimeRange | Aktuellt värde. Använd med @bind-Value. |
Händelser
| Händelse | Typ | Beskrivning |
|---|---|---|
ValueChanged | EventCallback<DateTimeRange> | Utlöses när värdet ändras. |
Paket
DateTimeRangePicker ingår i RayCraft Free. Paket: RayCraft.Blazor. Den hämtas från nuget.org. Se Kom igång.
Skicka synpunkterVersion 1.0.3