在dayClick上获取背景事件的ID和标题

时间:2015-04-10 16:51:50

标签: javascript fullcalendar

$('#calendar').fullCalendar({
        header: 
        {
            left: 'prev,next today',
            center: 'title',
            right: 'agendaWeek,agendaDay'
        },
        events: [
                {
                    id: 'availableForMeeting',
                    start: '2015-02-11T10:00:00',
                    end: '2015-02-11T16:00:00',
                    rendering: 'background'
                },
                {
                    id: 'availableForMeeting',
                    start: '2015-02-13T10:00:00',
                    end: '2015-02-13T16:00:00',
                    rendering: 'background'
                }
        ]
        dayClick: 
        function(date, jsEvent, view) {
            if (jsEvent.target.classList.contains('fc-bgevent')) {
                //I can find out if it is a backround event.                
            }
        }
    }); 

我可以看出它是否是一个背景事件,但我怎样才能得到它的id?

1 个答案:

答案 0 :(得分:4)

dayClickeventRender回调相结合。

eventRender: function(event,element){
    if(event.rendering == "background"){
        element.data(event); //store the event data inside the element
    }
},
dayClick: function(date, jsEvent) {
    if (jsEvent.target.classList.contains('fc-bgevent')) {
        console.log($(jsEvent.target).data());
    }
},

JSFiddle