1.Есть у меня вот такой календарик
2.есть обычная таблица с данными, рядом.
3.есть select>option box (назовем #workers)
в календаре есть замечательная ф-ция "selectableDates" пример исп. :
selectableDates: [
{ date: new Date(2013, 8, 24) },
{ date: new Date(2013, 8, 30) }
]
которая позволяет выбирать в календаре именно эти даты, а остальные становятся неактивными.
Проблема:
даты эти меняются в зависимости от выбранного в селект боксе значения.
вот собс-но как передавать в JS эту разную конструкцию
{ date: new Date(2013, 8, 24) },
{ date: new Date(2013, 8, 30) }
, которую я получаю аяксом.
почти весь код:
<select name="workers" id="workers">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
// calendar
var mydatepicker = $('#workday').glDatePicker(
{
// !!!!!!!!!!! ЭТИ данные должны меняться, когда идет событе onClick ниже !!! в onClick я буду получать массив,а как его вставить сюда ?? !!!!
selectableDates: [
{ date: new Date(2014, 4, 21) },
{ date: new Date(2014, 4, 30) }
],
onClick: function(target, cell, date, data) {
// 1. clear table
$("#tableData tr").remove();
var pickdate = target.val(formatDateA(date));
var worker = $("#workers").val();
alert(worker);
// fill table with response data
$.ajax({
url: 'tms/controller/myday.php',
type: 'POST',
data: {
mngr: true,
sel_worker: worker,
date: pickdate.val()
},
error: function(xhr, str) {
console.log("error " + str);
},
complete: function(result) {
// some action
}
});
return false;
}, // end of onClick event
}); // end of calendar