Kies een periode op één kalender met twee maanden naast elkaar, met snelle bereiken voor de gangbare gevallen.
Waarom het helpt
- Twee maanden in één oogopslag
- Snelle bereiken
- Begin en einde in één veld
Waar het past
- Rapporten en filters
- Vakantieboeking
- Statistiekperioden
Voorbeeld
<DateTimeRangePicker @bind-Value="_range" ShowPresets="true" IncludeTime="false" Label="Period" />
<span>@(_range.Start?.ToString("d") ?? "–") to @(_range.End?.ToString("d") ?? "–")</span>
@code {
private DateTimeRange _range;
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.