Aller au contenu
DATE ET HEURE · FREE

DateTimeRangePicker

Sélectionnez une période sur un calendrier de deux mois, avec des plages rapides.

Choisissez une période sur un calendrier qui affiche deux mois côte à côte, avec des plages rapides pour les cas courants.

Pourquoi c’est utile

  • Deux mois d’un coup d’œil
  • Plages rapides
  • Début et fin dans un champ

Où il trouve sa place

  • Rapports et filtres
  • Réservation de vacances
  • Périodes statistiques
Le contrôle DateTimeRangePicker dans une page RayCraft

Exemple

<DateTimeRangePicker @bind-Value="_range" ShowPresets="true" IncludeTime="false" Label="Period" />
<span>@(_range.Start?.ToString("d") ?? "–") to @(_range.End?.ToString("d") ?? "–")</span>

@code {
    private DateTimeRange _range;
}

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.

Tous les contrôles ยท Documentation