Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jul 22nd, 2012  |  syntax: None  |  size: 1.20 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jQuery Datepicker disabled dates
  2. <script type="text/javascript">
  3.  
  4.     var bookedDaysList = [[6, 26], [6, 27]];
  5.  
  6.                 function bookedDays(date, inMonth) {
  7.                     if (inMonth) {
  8.                         for (i = 0; i < bookedDaysList.length; i++) {
  9.                             if (date.getMonth() + 1 == bookedDaysList[i][0] &&
  10.                                     date.getDate() == bookedDaysList[i][1]) {
  11.                                 return {dateClass: 'datepick-selected',selectable: true};
  12.                             }
  13.                         }
  14.                     }
  15.                     return {};
  16.                 }
  17.  
  18.                 /* create datepicker */
  19.  
  20.                 jQuery(document).ready(function () {
  21.  
  22.                     jQuery('#show-dates').datepick({
  23.                         dateFormat: 'dd-mm-yy',
  24.                         altFormat: '[m,d]',
  25.                         onDate: bookedDays,
  26.                         buttonImage: 'css/images/datepicker.gif',
  27.                         buttonImageOnly: true,
  28.                         monthsToShow: 3,
  29.                         multiSelect: 999,
  30.                         showOn: 'both'
  31.                     });
  32.                 });
  33.  
  34.  
  35. </script>