Comment désactiver les samedis, dimanches et jours fériés dans jQuery UI Datepicker ?

Désactiver les samedis, dimanches et jours fériés dans jQuery UI Datepicker

Le jQuery UI Datepicker fournit une fonctionnalité de sélection de date pratique, mais il se peut qu'il ne soit pas toujours répondre à des exigences spécifiques. Par exemple, vous souhaiterez peut-être exclure certains jours de la semaine ou certains jours fériés de la sélection. Voici comment désactiver les samedis, dimanches et jours fériés à l'aide de jQuery UI Datepicker.

Utilisation de l'option beforeShowDay

L'option beforeShowDay vous permet de spécifier une fonction qui sera appelée pour chaque jour affiché dans le sélecteur de date. En renvoyant vrai ou faux à partir de cette fonction, vous pouvez contrôler si une date est sélectionnable ou non.

Pour désactiver les samedis et dimanches, utilisez le code suivant :

$(".selector").datepicker({
  beforeShowDay: $.datepicker.noWeekends
});

Combinaison Règles d'exclusion

Supposons que vous souhaitiez également exclure les jours fériés. Dans ce cas, vous pouvez créer une fonction personnalisée qui combine la logique noWeekends avec votre logique d'exclusion des jours fériés.

En supposant que vous disposez d'une fonction nationalDays qui renvoie false pour les jours fériés :

function noWeekendsOrHolidays(date) {
  var noWeekend = $.datepicker.noWeekends(date);
  if (noWeekend[0]) {
    return nationalDays(date);
  } else {
    return noWeekend;
  }
}

Et puis définissez-le comme rappel beforeShowDay :

$(".selector").datepicker({
  beforeShowDay: noWeekendsOrHolidays
});

Remarque : Dans l'interface utilisateur jQuery 1.8.19 et versions ultérieures, l'option beforeShowDay prend en charge un troisième paramètre facultatif pour afficher une info-bulle lors du survol de la souris sur les dates désactivées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!