Gå til indholdet
DATO OG TID · FREE

DatePicker

Vælg en dato fra en kalender, på det sprog og i det format, dine brugere kender.

Et datofelt med kalender. Månedsnavne, ugedagsnavne, ugens første dag og datoformatet følger det aktuelle sprog, så dine brugere ser datoer, som de skriver dem.

Hvorfor det hjælper

  • Følger brugerens sprog
  • Skrevne eller valgte datoer
  • Fejl vist selv uden en formular

Hvor det passer

  • Fødselsdatoer og frister
  • Ordreformularer
  • Rapporter
Kontrollen DatePicker på en RayCraft-side

Eksempel

<DatePicker @bind-Value="_date" Label="Start date" />
<DatePicker @bind-Value="_limited" Label="Within this month" MinDate="_first" MaxDate="_last" />
<span>Selected: @(_date?.ToLongDateString() ?? "none")</span>

@code {
    private DateTime? _date;
    private DateTime? _limited;
    private readonly DateTime _first = new(DateTime.Today.Year, DateTime.Today.Month, 1);
    private DateTime _last => _first.AddMonths(1).AddDays(-1);
}

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