jQuery FullCalendarのレンダリングから他の月のイベントを防ぐ

Question

フルカレンダーで他の月のセルにイベントを表示させないようにしたいと思います。私はeventRenderイベントでこれを行うことができると考えました。

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

私は何を置き換えるのか分からないカレンダーの現在の月を取得します。誰もがいくつかのヒントを持っている？

Answer 1

このイベント内から親カレンダーを参照する方法はないと思います。 「this」はイベントオブジェクトを参照します。ビューが3番目のパラメータとして渡されることはわかりませんでした。あなたは今年のビュー（https://github.com/tpruvot/fullcalendar）とfullcalendarを使用する場合は

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

Answer 2

：私は、次のコードを使用してこれを実現することができました。 view.start.getMonth（）を年表示に使用することはできません。

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

あなたはいくつかのカスタムスタイル

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

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

でそれを行うことができ、ここで解決策： 私はeventAfterRender通過ちょっとしたトリックを使用白い背景でcurent-monthの日にわたりfc-other-monthの日を使用して。良い解決策だ

Answer 4

eventRender: function(event, element) { 
 

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