fullCalendar.js:按选定日期显示事件?

时间:2013-07-02 06:16:14

标签: javascript jquery fullcalendar google-calendar-api

我正在使用fullCalendar 1.6.1并使用gcal从谷歌日历中获取事件。 我正在尝试获取所选日期的事件信息,以显示在一个单独的div上。

select: function (startDate, endDate, allDay, jsEvent, view) {
        $('.tasksDiv').text(/* Events' info here*/) }

所以基本上我有calendarDivtasksDiv,我想在tasksDiv上显示所选(用户触发)日期中的所有事件。

1 个答案:

答案 0 :(得分:0)

好。出于某种原因,我认为fullCalendar.js有一个内置的方法来做到这一点,但这是我的解决方案:

select: function (startDate, endDate, allDay, jsEvent, view) {
    var pulledEvents = $('#calendar').fullCalendar('clientEvents');
    for(var i=0; i<pulledEvents.length; i++) {
      if(pulledEvents[i].start.toString() == startDate.toString()){
        $('.tasksDiv').append(pulledEvents[i].title)
      } 
    };
}

所以clientEvent调用所有日历的事件,然后循环查找日期匹配。如果您未将pulledEvents转换为适合selcted startDate的字符串,则无效。