Hopp til innholdet
DATO OG TID · FREE

DateTimeRangePicker

Velg en periode på én kalender som viser to måneder, med hurtigvalg.

Velg en periode på én kalender som viser to måneder side om side, med hurtigvalg for de vanlige tilfellene.

Hvorfor det hjelper

  • To måneder med et blikk
  • Hurtigvalg
  • Start og slutt i ett felt

Hvor det passer

  • Rapporter og filtre
  • Ferieboking
  • Statistikkperioder
Kontrollen DateTimeRangePicker på en RayCraft-side

Eksempel

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

Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentasjon