datepicker, using Inline mutiple select
I am trying to incorporate the inline mutiple select functionality so that a user can select multiple days. Notice...I tried incorporating inline:true, selectMultiple:true but it did not do anything. Any advice, suggestions please.
$('#attenDates').datepicker({
//date range for calendar
defaultDate: new Date(endYear, endMonth - 1, endDay),
minDate: new Date(startYear, startMonth - 1, startDay),
maxDate: new Date(endYear, endMonth - 1, endDay),
//rows,columns
monthsToShow: [calMonth,1],
onDate: checkDisplay,
inline: true,
selectMultiple:true,
onSelect: function() {
var selDay = $('#attenDates').datepicker('getDate'),
checkDate = new Date(selDay),
checkDay = checkDate.getDay(),
selectedDate = (checkDate.getMonth() + 1)+"/"+checkDate.getDate()+"/"+checkDate.getFullYear();
dateYear = checkDate.getFullYear()
dateMonth = "0"+(checkDate.getMonth() + 1),
dateDate = "0"+checkDate.getDate(),
checkDate = dateYear+"-"+dateMonth.slice(-2)+"-"+dateDate.slice(-2);
var onHoliday = $.ajax({
// call database for selected time
url: "php/calendar_functions.php?action=6&checkDate="+checkDate,
async: false
}).responseText;
if(onHoliday > 0){
alert('This class does not meet on this day due to school being on Holiday.');
} else {
var test = $('#selDate').val(selectedDate);
for (x in validDays){
// launch overlay
$("#programCustom").overlay({
onBeforeLoad: function(){
var selectedDate1 = $('#selDate').val();
//hide tardy input
//$('#tardyInput').hide();
//$('#atten_date_txt').append(selectedDate);
$('#overlayDate').val(selectedDate);
$('#attenList').load('php/program_new_list.php?programID='+programID+'&date='+selectedDate1);
},
closeOnClick: true,
load: true,
onClose: function(){
//location.reload();
}
});
$("#programCustom").data("overlay").load();
// recall the calendar modifications
//calendarMod();
var i = 1;
}
}
if (i != 1){
alert('no vaild days');
//no valid days available
$("#programCustom").data("overlay").load();
//calendarMod();
}
}
});