时间戳

首页 > 解决方案 > javascript FullCalendar eventClick不起作用

javascript - javascript FullCalendar eventClick不起作用

问题描述

我想添加事件并设置 eventClick

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

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


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

calendar.fullCalendar('refetchEvents');

我只是注意到如果我将 ID 更改calendar为myCalendar我没有日历唯一按钮 Today、<、>，当我按下 TODAY 时，它会出现并且 eventClick 工作

如何解决？

标签： javascriptjqueryfullcalendar

解决方案

您可以像这样设置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 事件和其他选项

推荐阅读