DateTimeRangePicker

Välj en period på en kalender som visar två månader sida vid sida, med snabbval för de vanliga fallen.

Varför det hjälper

Två månader med en blick
Snabbval
Start och slut i ett fält

Var det passar

Rapporter och filter
Semesterbokning
Statistikperioder

Kontrollen DateTimeRangePicker på en RayCraft-sida

Exempel

<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;
}

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller · Dokumentation