В jQuery fullcalendar у нас есть предыдущие и следующие кнопки. Как мы можем вызывать некоторые события при нажатии этих кнопок?
Вы можете просто прикрепить событие к кнопке:
$('.fc-button-prev span').click(function(){
alert('prev is clicked, do something');
});
$('.fc-button-next span').click(function(){
alert('nextis clicked, do something');
});
$('.fc-button-next span').click(function(){
//do your work
});
$('.fc-button-prev span').click(function(){
//do your work
});
Другое решение состоит в том, чтобы определить вашу пользовательскую предыдущую / следующую кнопку:
$('#m_calendar').fullCalendar({
header: {
left: 'customPrevButton,customNextButton today',
center: 'title',
},
customButtons: {
customPrevButton: {
text: 'custom prev !',
click: function () {
alert('custom prev ! clicked !');
}
},
customNextButton: {
text: 'custom ext!',
click: function () {
alert('custom ext ! clicked !');
}
},
}
});
Это сработало для меня:
$('body').on('click', 'button.fc-prev-button', function() {
//do something
});
$('body').on('click', 'button.fc-next-button', function() {
//do something
});
Когда нажимаются кнопки next kbd> и previous kbd>, вызывается функция events . Вот пример загрузки данных за текущий год:
$(document).ready(function() {
loadCal();
});
function loadCal() {
var current_url = '';
var new_url = '';
$('#calendar').fullCalendar({
// other options here...
events: function(start, end, callback) {
var year = end.getFullYear();
new_url = '/api/user/events/list/' + id + '/year/' + year;
if (new_url != current_url) {
$.ajax({
url: new_url,
dataType: 'json',
type: 'POST',
success: function(response) {
current_url = new_url;
user_events = response;
callback(response);
}
})
} else {
callback(user_events);
}
}
})
}
Когда вы получаете результаты в запросе, убедитесь, что вы включили по крайней мере последние 10 дней предыдущего года и первые 10 дней с в следующем году.