javascript - 单击日历外部时，fullcalendar 触发事件单击

Question

我有一个事件日期列表。当我单击列表中的事件时，我想触发与单击日历相同的操作。我的 eventClick 函数:

eventClick: function(calEvent, jsEvent, view) {
 openEvent(calEvent);
}

Answer 1

试试这个。为您的事件分配一些 ID。然后，在 eventRender 事件中，将此 id 添加到事件 div 中。请注意，还存在 eventClick 处理程序:

$('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,basicWeek,basicDay'
        },
        defaultDate: '2016-09-12',
        navLinks: true, // can click day/week names to navigate views
        editable: true,
        eventLimit: true, // allow "more" link when too many events
        events: [
            {
                title: 'Meeting',
                start: '2016-09-12T10:30:00',
                end: '2016-09-12T12:30:00',
                id: "1234"
            }
        ],
        eventRender: function (event, element, view) {
            element.find('.fc-content').attr("id", "event-" + event.id);
        },
        eventClick: function (event, jsEvent, view) {
            alert(event.id);
        },
    });

然后在单击事件列表后调用此方法:

$('#event-1234.fc-content').trigger('click');

您可以在这里尝试:

http://jsbin.com/fejifovuxo/edit?js,output