Een datumveld met kalender. Maand- en dagnamen, de eerste dag van de week en het datumformaat volgen de huidige taal, zodat je gebruikers datums zien zoals ze ze schrijven.
Waarom het helpt
- Volgt de taal van de gebruiker
- Getypte of gekozen datums
- Fouten zichtbaar, ook zonder formulier
Waar het past
- Geboortedatums en deadlines
- Bestelformulieren
- Rapporten
Voorbeeld
<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);
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.