DevExtreme React Calendar

DevExpressOutils de planification et d'organisationJavaScript

Composant de calendrier React personnalisable pour une sélection de dates polyvalente.

  • Prend en charge les sélections de dates uniques, multiples et par plage.
  • Propose des vues mois, année, décennie et siècle.
  • Inclut des modèles de cellules personnalisables et l’affichage des numéros de semaine.
DevExpress logo

Prix à partir de:

Chargement...
Disponible dans
DevExtreme CompleteChargement
DevExpress DXperienceChargement
DevExpress UniversalChargement
DevExpress VCL Subscription +Chargement
Besoin d’aide pour choisir ? Consultez Comment acheter et les spécifications
image du produit DevExtreme React Calendar
DevExtreme React Calendar est un composant React flexible qui facilite la sélection de dates dans des plages spécifiées. Il prend en charge divers modes de sélection et affichages du calendrier, complétés par de nombreuses options de personnalisation, notamment les dates désactivées, l’affichage des numéros de semaine et l’apparence des cellules pilotée par des modèles.

Modes de sélection

Permet aux utilisateurs de sélectionner des dates en mode unique, multiple ou par plage, en enregistrant les sélections en conséquence.

Vues du calendrier et niveaux de zoom

Prend en charge l’affichage des données du calendrier par mois, année, décennie ou siècle, avec des niveaux de zoom minimum et maximum configurables pour contrôler l’accessibilité de la vue.

Restrictions de plage de dates

Permet de définir des dates minimales et maximales sélectionnables et de désactiver des dates spécifiques de manière dynamique via des fonctions ou des tableaux prédéfinis.

Bouton Aujourd’hui

Bouton Aujourd’hui facultatif qui sélectionne la date actuelle, améliorant le confort d’utilisation et l’accès rapide aux dates.

Affichage des numéros de semaine

Peut afficher les numéros de semaine avec des règles de calcul configurables basées sur la locale ou une logique personnalisée, ainsi que la fonctionnalité de semaines sélectionnables.

Apparence personnalisable des cellules

Prend en charge des modèles personnalisés et des fonctions de rendu pour les cellules, permettant de mettre en évidence les jours fériés, les week-ends ou d’autres संकेत visuels propres à une date.

Accessibilité et prise en charge du clavier

Inclut des fonctionnalités d’accessibilité avec des états de focus et de survol configurables, la prise en charge de la navigation au clavier et des attributs ARIA pour une meilleure ergonomie.

Gestion des événements et rappels

Expose des gestionnaires d’événements pour les changements de valeur, les changements de propriété, l’initialisation et la destruction, donnant aux développeurs un contrôle total sur les interactions du calendrier.

Options d’interface et de style

Propose des propriétés permettant de personnaliser la taille du composant, la visibilité, l’état en lecture seule, la disposition de droite à gauche et les éléments de style pour une intégration cohérente de l’interface.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • React