Exclusion des samedis, dimanches et des vacances de jQuery ui datepicker

Le jQuery UI DatePicker fournit un outil robuste pour sélectionner les dates. Pour améliorer sa fonctionnalité, vous souhaiterez peut-être désactiver certaines dates, telles que les week-ends ou les vacances. Heureusement, cela est possible en utilisant la puissante option BefoShowday.

L'option BefoShowday accepte une fonction qui prend une date en entrée et renvoie un tableau. Le tableau de retour contient deux valeurs:

1. un booléen indiquant si la date est disponible pour la sélection (true) ou non (false).
2. Un nom de classe CSS facultatif pour s'appliquer à la date, ou une chaîne vide pour la prévention de la sélection par défaut. Weekends

Pour empêcher la sélection des samedis et dimanches, vous pouvez utiliser la fonction NowEreeDends intégrée de JQuery UI, qui renvoie False pour les dates de week-end: $ (". SELECLECT"). });

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

vous pouvez définir une fonction personnalisée pour exclure les vacances spécifiques de la datepicker. Par exemple, le code suivant désactive la sélection des fêtes nationales définies dans le tableau Natdays: Fonction NationalDays (date) { pour (i = 0; i

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

pour désactiver les week-ends et les vacances, vous pouvez combiner les fonctions de noweekends et nationales. L'exemple suivant crée une fonction NowEnekendSorHolidays personnalisée qui renvoie False pour les dates du week-end ou les dates de vacances: Fonction NowEnekendsorHolidays (Date) {{ var noweeKend = $ .datePicker.NowEKEndends (date); if (noweKeDend [0]) { Retour Nationaldays (date); } autre { retourne noweKend; } }

En utilisant l'option BefoShowday avec ces fonctions personnalisées, vous pouvez désactiver efficacement le samedi, le dimanche et les vacances spécifiques dans votre jQuery UI DatePicker, vous permettant de créer une expérience de sélection de date plus personnalisée et plus restrictive.