Hopp til innholdet
DATO OG TID · FREE

DatePicker

Velg en dato fra en kalender, på språket og i formatet brukerne kjenner.

Et datofelt med kalender. Månedsnavn, ukedagsnavn, ukens første dag og datoformat følger gjeldende språk, så brukerne dine ser datoer slik de skriver dem.

Hvorfor det hjelper

  • Følger brukerens språk
  • Skrevne eller valgte datoer
  • Feil vises også uten skjema

Hvor det passer

  • Fødselsdatoer og frister
  • Bestillingsskjemaer
  • 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 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