Personnaliser une date dans un DatePicker de JQuery UI

Dans ce tutoriel, je vais vous expliquer comment personnaliser simplement une ou plusieurs dates spécifiques dans un DatePicker. Pour chaque jour, vous pourrez définir si celui-ci est sélectionnable, une classe CSS et/ou une info-bulle.

Cette personnalisation est utile dans plusieurs situations notamment pour :

  • un planning de travail où les jours non travaillés ne peuvent pas être sélectionnés
  • un calendrier avec une légende permettant de savoir si des rendez-vous ont été pris tel ou tel jour
  • etc.

Aperçu du Date Picker modifié, seuls les jours de la semaine sont sélectionnable Continue reading