Fermer

mars 5, 2024

Sélection plus facile de la plage de dates dans les applications WPF avec DateRangePicker

Sélection plus facile de la plage de dates dans les applications WPF avec DateRangePicker


Le RadDateRangePicker révolutionne la sélection de date dans les applications WPF. Offrant une interface élégante pour choisir sans effort les dates de début et de fin, il élimine la jonglerie avec les dates, améliore la personnalisation pour un look personnalisé et communique facilement à travers les événements.

Soyons réalistes : lorsqu’il s’agit de choisir des dates dans votre application WPF, le classique RadDatePicker de Progress Interface utilisateur Telerik pour WPF a tenu le fort. Mais si vous êtes prêt à passer au niveau supérieur dans votre jeu de sélection de rendez-vous, il est temps de rencontrer son cousin le plus cool, le RadDateRangePicker.

Voici pourquoi votre application mérite le super-héros :

  1. Un seul sélecteur, doublez le plaisir :
    RadDateRangePicker, c’est comme avoir deux RadDatePickers en un. La sélection d’une plage est aussi simple que bonjour : il suffit de choisir une date de début et une date de fin, le tout dans une seule interface élégante.
  2. Plus besoin de jongler avec les rendez-vous :

    Avez-vous déjà eu du mal avec des dates de fin précédant les dates de début ? RadDateRangePicker vous soutient. Il est suffisamment intelligent pour éviter ces moments de casse-tête et contrôler vos plages de dates.
  3. J’ai l’air bien, je me sens bien :

    Personnalisez l’apparence et la convivialité pour qu’elles correspondent à l’ambiance de votre application. Jouez avec les couleurs, les polices et les styles pour lui donner votre propre touche unique. Vos utilisateurs apprécieront la touche personnalisée.

La mise en scène

Commencez par préparer votre projet et ajoutez des références à ces assemblys :

Telerik.Windows.Controls
Telerik.Windows.Controls.Input

Maintenant, braquons les projecteurs sur RadDateRangePicker. Intégrez-le simplement dans votre XAML comme ceci :

<telerik:RadDateRangePicker />

Besoin de définir une plage de dates spécifique ? Aucun problème:

<telerik:RadDateRangePicker StartDate="2024/2/05" EndDate="2024/2/15"/>

Razzle-Dazzle : gammes personnalisées

Les plages de dates prédéfinies ajoutent du style. Personnalisez-les ou supprimez-les à l’aide de CustomRangesLoadingEventArgs. Vérifiez cet extrait :

private void RadDateRangePicker_CustomRangesLoading(object sender, CustomRangesLoadingEventArgs e)
{
    // Add a new custom range
    var newRange = new CustomRange("Last 14 days")
    {
        StartDate = DateTime.Today.AddDays(-14),
        EndDate = DateTime.Today
    };
    e.CustomRanges.Add(newRange);
}

Boîte à outils de personnalisation culturelle

Changer de culture et de langue est un jeu d’enfant :

this.dateRangePicker.Culture = new System.Globalization.CultureInfo("de-DE");

Personnalisez votre semaine

Changez la donne en modifiant le premier jour de la semaine, en définissant des règles hebdomadaires et même en bloquant les dates :

<telerik:RadDateRangePicker x:Name="dateRangePicker" FirstDayOfWeek="Monday" AreWeekNamesVisible="True" IsDefaultRangesPanelVisible="False"/>
var weekends = new ObservableCollection<DateTime>();
var daysInMonth = DateTime.DaysInMonth(DateTime.Today.Year, DateTime.Today.Month);
var startDate = new DateTime(DateTime.Today.Year, DateTime.Today.Month, 1);
for (int i = 0; i < daysInMonth; i++)
{
    var currentDate = startDate.AddDays(i);
    if (currentDate.DayOfWeek == DayOfWeek.Saturday || currentDate.DayOfWeek == DayOfWeek.Sunday)
    {
        weekends.Add(currentDate);
    }
}
this.dateRangePicker.BlackoutDates = weekends;

Habillez-vous pour impressionner : modifications de l’apparence

Expérimentez avec l’apparence et la convivialité :

  • Définir ce qui apparaît lorsqu’aucune date n’est sélectionnée.
  • Décider de conserver ou de supprimer le bouton d’effacement.
  • Contrôler la visibilité de la barre supérieure et de l’en-tête.
  • Choisir si le panneau des plages personnalisées doit être visible.

De plus, choisissez l’un de nos thèmes parmi la Suite de thèmes WPF pour rehausser l’attrait visuel de votre RadDateRangePicker. Envie d’expérimenter différents looks ? Allez-y et jouez avec les couleurs en utilisant notre Générateur de thèmes de couleurs.

Si vous avez d’autres questions ou souhaitez simplement plus d’informations, passez par notre Documentation. Nous avons des informations supplémentaires pour vous aider.

Et voila! RadDateRangePicker est désormais votre compagnon de confiance pour la plage de dates. Plongez, appréciez le processus et laissez la gestion des dates être le point culminant de votre aventure de codage !🌈✨

Commentaires Bienvenue

Nous apprécions vos réflexions et vos idées. C’est l’heure des retours, et nous sommes tout ouïe ! Que vous ayez des suggestions, des questions ou que vous souhaitiez simplement partager votre expérience, nous sommes là pour cela. Vos commentaires nous aident à améliorer et à adapter nos offres pour mieux répondre à vos besoins. Améliorons les choses ensemble : écrivez-nous et faites entendre votre voix ! 🗣️✨

Et si vous ne l’avez pas encore essayé, n’attendez pas une minute de plus pour essayer la dernière version :

Essayez l’interface utilisateur Telerik pour WPF




Source link