DateTimeRangePicker

Free

Periode met begin en einde, gekozen in één kalender die twee maanden naast elkaar toont (Months) (de eerste klik stelt het begin in, de tweede het einde) en per veld getypt of aangepast. De waarde is een DateTimeRange. Stel IncludeTime in op false voor alleen datums. Een datum die zonder tijd is getypt behoudt de al gekozen tijd. Tijden gebruiken hetzelfde veld als TimePicker.

Voorbeeld

Parameters

Parameter	Type	Beschrijving
`Class`	`string`	Extra CSS-klassen die aan het hoofdelement worden toegevoegd.
`Disabled`	`bool`	Schakelt interactie uit.
`DisplayName`	`string`	Naam die in validatiemeldingen wordt gebruikt.
`HelperText`	`string`	Hint die onder het veld wordt getoond.
`IncludeTime`	`bool`	Kiest ook het tijdstip van de dag (standaard true). Stel false in voor alleen datums.
`Label`	`string`	Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo).
`MaxDate`	`DateTime?`	Laatste selecteerbare datum.
`MinDate`	`DateTime?`	Vroegste selecteerbare datum.
`Months`	`int`	Hoeveel maanden de pop-up naast elkaar toont (standaard 2). Ze worden op smalle schermen gestapeld.
`Presets`	`IEnumerable<DateRangePreset>`	Uw eigen snelle bereiken: DateRangePreset(label, start, end).
`ReadOnly`	`bool`	Toont de waarde maar staat geen wijzigingen toe.
`ShowPresets`	`bool`	Toont een lijst met snelle bereiken (vandaag, laatste 7 dagen, deze maand...) naast de kalender.
`Style`	`string`	Inline stijl die aan het hoofdelement wordt toegevoegd.
`Value`	`DateTimeRange`	Huidige waarde. Gebruik met @bind-Value.

Gebeurtenissen

Gebeurtenis	Type	Beschrijving
`ValueChanged`	`EventCallback<DateTimeRange>`	Geactiveerd wanneer de waarde verandert.

Pakket

DateTimeRangePicker maakt deel uit van RayCraft Free. Pakket: RayCraft.Blazor. Het komt van nuget.org. Zie Aan de slag.

Feedback sturenVersie 1.0.3