RayCraftDocs
v1.0.3
fr
raycraft.dev
Sur cette page

DateTimeRangePicker

Free

Période avec début et fin, choisie dans un calendrier qui affiche deux mois côte à côte (Months) (le premier clic définit le début, le second la fin) et saisie ou ajustée par champ. La valeur est un DateTimeRange. Mettez IncludeTime à false pour les dates seules. Une date saisie sans heure conserve l'heure déjà choisie. Les heures utilisent le même champ que TimePicker.

Exemple

Contrôle DateTimeRangePicker

Paramètres

ParamètreTypeDescription
ClassstringClasses CSS supplémentaires ajoutées à l'élément racine.
DisabledboolDésactive l'interaction.
DisplayNamestringNom utilisé dans les messages de validation.
HelperTextstringIndication affichée sous le champ.
IncludeTimeboolChoisit aussi l'heure de la journée (true par défaut). Mettez false pour les dates seules.
LabelstringTexte d'étiquette visible (graphiques : nom accessible ; IconButton : nom accessible et info-bulle).
MaxDateDateTime?Dernière date sélectionnable.
MinDateDateTime?Première date sélectionnable.
MonthsintNombre de mois affichés côte à côte par la fenêtre (2 par défaut). Ils s'empilent sur les écrans étroits.
PresetsIEnumerable<DateRangePreset>Vos propres plages rapides : DateRangePreset(label, start, end).
ReadOnlyboolAffiche la valeur mais n'autorise pas de modification.
ShowPresetsboolAffiche une liste de plages rapides (aujourd'hui, 7 derniers jours, ce mois-ci...) à côté du calendrier.
StylestringStyle en ligne ajouté à l'élément racine.
ValueDateTimeRangeValeur actuelle. À utiliser avec @bind-Value.

Événements

ÉvénementTypeDescription
ValueChangedEventCallback<DateTimeRange>Déclenché quand la valeur change.

Paquet

DateTimeRangePicker fait partie de RayCraft Free. Paquet : RayCraft.Blazor. Il provient de nuget.org. Voir Premiers pas.