Un champ de date avec calendrier. Les noms des mois et des jours, le premier jour de la semaine et le format de date suivent la langue courante, si bien que vos utilisateurs voient les dates comme ils les écrivent.
Pourquoi c’est utile
- Suit la langue de l’utilisateur
- Dates saisies ou choisies
- Erreurs affichées même sans formulaire
Où il trouve sa place
- Dates de naissance et échéances
- Formulaires de commande
- Rapports
Exemple
<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);
}Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.