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

Désactivation des samedis, dimanches et jours fériés dans le sélecteur de dates de l'interface utilisateur jQuery

Le sélecteur de dates de l'interface utilisateur jQuery est un outil polyvalent pour sélectionner des dates, mais quoi si vous devez désactiver certains jours, comme les week-ends ou les jours fériés ? Heureusement, il existe un moyen d'y parvenir.

Utilisation de l'option beforeShowDay

L'option beforeShowDay vous permet de spécifier une fonction de rappel qui sera appelée chaque jour dans le sélecteur de date. Cette fonction renvoie un tableau avec deux éléments :

• [0] : vrai si la date est sélectionnable, faux si elle est désactivée
• [1] : Un ou plusieurs noms de classe CSS ou une chaîne vide pour la présentation par défaut

Pour désactiver les samedis et dimanches, passez simplement la fonction $.datepicker.noWeekends à beforeShowDay :

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

Combinaison avec les jours fériés nationaux

Vous pouvez également exclure les jours fériés nationaux à l'aide de la fonction nationalDays fournie dans l'exemple ci-dessus. Pour combiner les deux, utilisez le code suivant :

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

Ensuite, transmettez noWeekendsOrHolidays à beforeShowDay :

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

Remarque : Dans jQuery UI 1.8.19 et plus tard, l'option beforeShowDay accepte également un troisième paramètre facultatif pour une info-bulle contextuelle.

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!