Question

我想添加事件并设置eventClick

我尝试添加事件，然后设置eventClick但它不起作用

var calendar = $('#calendar');
calendar.fullCalendar('addEventSource', allEvents);


calendar.fullCalendar({
  eventClick: function() {
    alert(1);
  }
});

calendar.fullCalendar('refetchEvents');

我只是注意到，如果我将ID calendar更改为myCalendar，我没有仅日历按钮 Today ， << / strong>，> ，当我按今天时，它会出现，eventClick会起作用

如何解决？

Answer 1

$('#calendar').fullCalendar({
  eventClick: function(calEvent, jsEvent, view) {

    alert('Event: ' + calEvent.title);
    alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
    alert('View: ' + view.name);

    // change the border color just for fun
    $(this).css('border-color', 'red');

  }
});

根据完整日历文档，这将为您工作。

Answer 2

您可以在eventClick中设置options和其他其他属性，如下所示：

var options = {
    defaultView: 'agendaWeek',
    header: {   
        right: 'today, prev, agendaWeek, month, next'
    },
    eventClick: function() {
        alert(2);
    }
};

然后，根据FullCalendar文档，设置$('#calendar').fullCalendar(options)并将allEvents添加到日历。好吧，首先您必须初始化日历，然后将事件添加到源中，并且这样做无需再次使用refetchEvents。

var calendar = $('#calendar').fullCalendar(options);
calendar.fullCalendar('addEventSource', allEvents);

完整的代码可以在这里FullCalendar events and other options

看到

javascript FullCalendar eventClick不起作用

2 个答案: