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

fullCalendar.js: Show events by selected dates?

本文关键字：日期 显示 事件 js fullCalendar      更新时间：2023-09-26

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

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

因此，基本上我有一个calendarDiv和一个tasksDiv，我想在tasksDiv上显示所选（用户触发）日期中的所有事件。

好的。出于某种原因，我认为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的字符串，它将不起作用。

相关文章：