Comment désactiver les dates déjà réservées?

Je reçois un formulaire pour la réservation de chambres d’hôtel où j’ai deux champs appelés checkIn et checkOut. J’utilise jQuery datepicker pour réserver des chambres ici. Je ne souhaite pas afficher les dates déjà réservées. J’ai essayé comme ça.

$(function() { var excludedCheckInDates = CHECKINDATES; // an array of already booked checkin dates var excludedCheckOutDates = CHECKOUTDATES; // an array of already booked checkout dates $.datepicker .setDefaults({ defaultDate: '+1w', changeMonth: true, changeYear: true, minDate: 0, beforeShowDay: function(date) { date = $.datepicker.formatDate('yy-mm-dd', date); excludedCheckInDates = $.inArray(date, excludedCheckInDates) < 0; excludedCheckOutDates = $.inArray(date, excludedCheckOutDates) < 0; if (excludedCheckInDates) { return [true, 'selectedDate']; } else { return false; } if (excludedCheckOutDates) { return true; } else { return false; } return true; } }); $('#checkIn').datepicker({ onSelect: function(selectedDate) { $('#checkIn').datepicker('option', 'minDate', selectedDate || 0); } }); $('#checkOut').datepicker({ onSelect: function(selectedDate) { $('#checkOut').datepicker('option', 'maxDate', selectedDate); } }); }); 

• Ajouter jours après la date est sélectionné à l’exclusion des week-ends et des jours fériés
• Les boutons next et prev de l’interface utilisateur de JQuery Datepicker n’ont qu’un seul ancêtre. $ (e.target) .parents () ne renvoie qu’un élément
• DP_jQuery_ * n’est pas défini lors de l’utilisation de l’extension Google Chrome au niveau du contenu.
• Fuseaux horaires jquery datepicker
• Bootstrap 3.0.0 casse l’icône de datepicker

  var array = ["2015-06-14","2015-06-15","2015-06-16"] $('input').datepicker({ beforeShowDay: function(date){ var ssortingng = jQuery.datepicker.formatDate('yy-mm-dd', date); return [ array.indexOf(ssortingng) == -1 ] } });