Предотвратить рендеринг событий других месяцев в jQuery FullCalendar

Question

Я бы хотел запретить fullcalendar отображать события в ячейках другого месяца. Я подумал, что смогу сделать это с помощью события eventRender.

$('#calendar').fullCalendar({
    events: $.fullCalendar.myFeed(),
    eventRender: function (event, element) {
        if (event.start.getMonth() != ????)
            $(element).hide();
   }
});

Я не могу понять, что заменить ???? чтобы получить текущий месяц календаря. У кого-нибудь есть советы?

Answer 1

Я полагаю, что в этом событии нет способа сослаться на родительский календарь.«это» относится к объекту события.Я не осознавал, что представление также передается в качестве третьего параметра.Я смог сделать это, используя следующий код:

    $('#calendar').fullCalendar({
        events: $.fullCalendar.myFeed(),
        eventRender: function (event, element, view) {
            if (event.start.getMonth() != view.start.getMonth())
                return false;
        }
    });

Answer 2

Если вы используете полный календарь с указанием года (https://github.com/tpruvot/fullcalendar). Вы не можете использовать view.start.getMonth () при просмотре года. Я использовал маленький трюк, проходящий через eventAfterRender:

eventAfterRender: function (event, element, view) {
    var col=element.closest('td').index()+1;
    var $cellh=element.closest('table').find('thead td:nth-child('+col+')');
    if ($cellh.hasClass('fc-other-month') == true)
            element.css('visibility','hidden')
},

Answer 3

eventRender: function(event, element) {

  var view = $('#calendar').fullCalendar('getView');
  if (event.start.month() == view.intervalStart.month()) {
    element.addClass("bg-blue");
  }
},

Answer 4

Вы можете сделать это с помощью некоторого пользовательского стиля

.fc-other-month {
    background: white !important;
}

.fc-row .fc-bg {
    z-index: 5;
    pointer-events: none;
}

Решение здесь: использовать день fc-other-month вместо дня curent-month с белым фоном.