Une grille mensuelle que vous pouvez placer directement dans une page pour une sélection de date intégrée. Elle suit la langue de vos utilisateurs et prend en charge la navigation au clavier.
Pourquoi c’est utile
- Sélection de date intégrée
- Navigation au clavier
- Jours marqués et désactivés
Où il trouve sa place
- Pages de réservation
- Tableaux de bord
- Filtres de date
Exemple
<Stack Spacing="8" Wrap>
<div style="width:19rem">
<Calendar Value="_date" OnPick="@(d => _date = d)" />
</div>
<span>Picked: @_date?.ToLongDateString()</span>
</Stack>
@code {
private DateTime? _date = DateTime.Today;
}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.