[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: передача данных и ajax
Por$h
Hello.
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
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.