javascript - fullCalendar.js：按选定日期显示事件？

Question

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

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

所以基本上我有一个calendarDiv和一个tasksDiv，我想在tasksDiv.

Answer 1

好的。出于某种原因，我认为 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's的字符串，它将无法工作startDate。