单击外部日历时,fullcalendar fire eventclick

时间:2016-09-08 04:38:42

标签: javascript html5 fullcalendar

我有一个活动日列表。当我点击列表中的事件时,我想像点击日历一样触发相同的动作。我的eventClick函数:

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

1 个答案:

答案 0 :(得分:3)

试试这个。为您的活动分配一些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

祝你好运!

相关问题