フルカレンダーにローディングインジケーターを追加

Question

月を変更するときに、読み込みスピン このように をfullcalendarに追加しようとしています。どうやってやるの？

Answer 1

Fullcalendar V1：loading関数を使用する必要があります。イベントのフェッチが開始/停止したときにトリガーされます。

$('#calendar').fullCalendar({
        loading: function( isLoading, view ) {
            if(isLoading) {// isLoading gives boolean value
                //show your loader here 
            } else {
                //hide your loader here
            }
        }
});

Fullcalendar V2： scheduler プラグインがロードされると、このコールバックはリソースがフェッチされたときにも発生します。

Answer 2

利用可能なフルカレンダーメソッドを使用して、これを簡単に行うことができます。

loading -イベントのフェッチが開始されるとトリガーされます

eventAfterAllRender -すべてのイベントのレンダリングが終了した後にトリガーされます。

 $('#calendar').fullCalendar({
    loading: function (bool) {
       alert('events are being rendered'); // Add your script to show loading
    },
    eventAfterAllRender: function (view) {
        alert('all events are rendered'); // remove your loading 
    }
  });