jquery fullcalendar：在單擊完整日曆的prev和next按鈕時調用事件

Question

在jquery fullcalendar中我們有上一個和下一個按鈕。我們如何通過點擊這些按鈕來調用某些事件？

Answer 1

您couldsimply事件附加到按鈕：

$('.fc-button-prev span').click(function(){ 
    alert('prev is clicked, do something'); 
}); 

$('.fc-button-next span').click(function(){ 
    alert('nextis clicked, do something'); 
}); 

Answer 2

$('.fc-button-next span').click(function(){ 

    //do your work 

}); 


$('.fc-button-prev span').click(function(){ 

    //do your work 

}); 

Answer 3

當「下一步」和「上一個」按鈕被點擊，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天從下年。

Answer 4

這個工作對我 -

$('body').on('click', 'button.fc-prev-button', function() { 
//do something 
}); 

$('body').on('click', 'button.fc-next-button', function() { 
//do something 
}); 

Answer 5

最好的辦法是

viewRender: function (view, element) { 
    var b = $('#calendar').fullCalendar('getDate'); 
    alert(b.format('L')); 
}, 

Answer 6

只是一個快速更新，不知道能持續多久，但接受的答案工作對我來說是這樣的：

$('.fc-prev-button').click(function(){ 
    alert('prev is clicked, do something'); 
}); 

$('.fc-next-button').click(function(){ 
    alert('nextis clicked, do something'); 
}); 

注意細微的變化，

今天也點擊如下：

$(".fc-today-button").click(function() { 

希望我幫了某人。

Answer 7

當你點擊它們時，觸發viewRender事件。你也可以在裏面添加你的代碼。

$('#calendar').fullCalendar({ 
    viewRender: function(view, element) { 
     //Do something 
    } 
});