Fullcalender 1日に2つのイベント

Question

JavaScriptのイベントカレンダーを使用しています。カスタマイズ可能なオープンソース。 https://fullcalendar.io/

フルカレンダーで1日あたり最大2つのイベントを設定できますか？

イベントを1つだけ設定することは可能です。

ありがとうございました！

Answer 1

eventReceiveコールバックは、外部イベントがカレンダーにドロップされてレンダリングされたときに実行されます。このイベントが発生した場合、外部イベントがドロップされた日にすでに存在しているイベントの数を確認し、カレンダーから削除するかどうかを決定するために、 "clientEvents"メソッドを使用できます。

eventReceive: function(event) { 
    var newEventDay = event.start.startOf('day'); 
    var existingEvents = $("#calendar").fullCalendar("clientEvents", function(evt) { 
    //this callback will run once for each existing event on the current calendar view 
    //if the event has the same start date as the new event, include it in the returned list (to be counted) 
    if (evt.start.startOf('day').isSame(newEventDay)) { 
     return true; 
    } else { 
     return false; 
    } 
    }); 

    //if this new event means there are now more than 2 events on that day, remove this new event again (N.B. we must do it like this because by this point the event has already been rendered on the calendar) 
    if (existingEvents.length > 2) $("#calendar").fullCalendar("removeEvents", function(evt) { 
    if (evt == event) return true; 
    }); 
} 

N.B.これは、ドラッグしているイベントが1日以上にわたることがないことを前提としています。可能であれば、このコードを少し変更して、終了日を同様の式に入れる必要があります。 http://jsfiddle.net/Lfm1odm1/2/