Question

once more
I am writing a jQuery script for my hotel asp.net MVC 3 application.
I would like to make drop down calendar in jQuery so that already reserved dates for particular room are not clickable.
That means that first I have to read taken dates from database and then, somehow, read it in jQuery script before showing appropriate calendar for a room reservation date.

Do I need to learn jQuery for all this, if not, how to do it? Is Ajax needed for database retrieval of appointed dates?
Can you please help me?

thank you very much

P.S. If I need to learn jQuery (and/or Ajax), can you give me some quality resource hints? Thanks

Answer 1

Found this from google
jQuery UI DatePicker: Disable Specified Days

You can wrap this code within a JS function and pass the date list to it (something like)

    function ShowDatePicker(dateList)
{
var disabledDays = dateList;

/* utility functions */
function nationalDays(date) {
  var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
  //console.log('Checking (raw): ' + m + '-' + d + '-' + y);
  for (i = 0; i < disabledDays.length; i++) {
    if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1 || new Date() > date) {
      //console.log('bad:  ' + (m+1) + '-' + d + '-' + y + ' / ' + disabledDays[i]);
      return [false];
    }
  }
  //console.log('good:  ' + (m+1) + '-' + d + '-' + y);
  return [true];
}
function noWeekendsOrHolidays(date) {
  var noWeekend = jQuery.datepicker.noWeekends(date);
  return noWeekend[0] ? nationalDays(date) : noWeekend;
}

/* create datepicker */
jQuery(document).ready(function() {
  jQuery('#date').datepicker({
    minDate: new Date(2010, 0, 1),
    maxDate: new Date(2010, 5, 31),
    dateFormat: 'DD, MM, d, yy',
    constrainInput: true,
    beforeShowDay: noWeekendsOrHolidays
  });
});
}