Hoppa till innehållet
DATUM OCH TID · FREE

DatePicker

Välj ett datum från en kalender, på det språk och i det format som dina användare känner till.

Ett datumfält med kalender. Månadsnamn, veckodagsnamn, veckans första dag och datumformat följer det aktuella språket, så dina användare ser datum som de skriver dem.

Varför det hjälper

  • Följer användarens språk
  • Skrivna eller valda datum
  • Fel visas även utan formulär

Var det passar

  • Födelsedatum och deadlines
  • Beställningsformulär
  • Rapporter
Kontrollen DatePicker på en RayCraft-sida

Exempel

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

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