fullCalendar eventClick沒有解僱

Question

我在應用程序中使用fullcalendar。我想通過單擊單元格來更改單元格背景顏色，但eventClick未被觸發。 任何人都可以幫助我。 這裏的代碼：

$(function() { 
 
      var date = new Date(); 
 
      var d = date.getDate(); 
 
      var m = date.getMonth(); 
 
      var y = date.getFullYear(); 
 

 

 
      $('#calendar').fullCalendar({ 
 
      
 
       eventClick: function (event) { 
 
        
 
        alert('hello'); 
 
        event.backgroundColor = 'yellow'; 
 
        $(this).css('background-color', 'red'); 
 

 
       }, 
 
       header: { 
 
        left: 'prev,next today', 
 
        center: 'title', 
 
        right: 'agendaWeek' 
 
       }, 
 
       editable: true, 
 
       defaultView: 'agendaWeek', 
 
       slotMinutes:60 
 
      }); 
 
     });

Answer 1

可以使用dayClick事件。

$(function() { 
      var date = new Date(); 
      var d = date.getDate(); 
      var m = date.getMonth(); 
      var y = date.getFullYear(); 


      $('#calendar').fullCalendar({ 

       dayClick: function (date, jsEvent) { //Added this, use jsEvent for more customization 
        $(jsEvent.target).css('background-color', 'red'); 
       }, 
       header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'agendaWeek' 
       }, 
       editable: true, // Ensure you have this true 
       disableResizing:true, // Ensure you have this true 
       defaultView: 'agendaWeek', 
       slotMinutes:60 
      }); 
     }); 

在一天點擊你可以自定義你的CSS。

Answer 2

你需要調用UpdateEvent：

$('#calendar').fullCalendar({ 
     eventClick: function(event, element) {  
      event.title = "CLICKED!";  
      $('#calendar').fullCalendar('updateEvent', event);  
     } 
    }); 

來源：http://fullcalendar.io/docs/event_data/updateEvent/