Gå til indholdet
DATO OG TID · FREE

DateTimeRangePicker

Vælg en periode på én kalender med to måneder, med hurtige intervaller.

Vælg en periode på én kalender, der viser to måneder side om side, med hurtige intervaller til de almindelige tilfælde.

Hvorfor det hjælper

  • To måneder med et blik
  • Hurtige intervaller
  • Start og slut i ét felt

Hvor det passer

  • Rapporter og filtre
  • Feriebooking
  • Statistikperioder
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 uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Inkluderet i RayCraft Free. Fungerende eksempler findes i GitHub-lager (MIT); det indeholder eksempel- og demokode, ikke bibliotekets kode.

Alle kontroller ยท Dokumentation