fullcalendar.js:拖拽多个外部事件

Question

我试图使用FullCalendar拖动多个外部事件。io !

首先用鼠标点击选择外部元素。我用这个:

$('#external-events .fc-event').each(function() {       
            $(this).click(function(){
                $( this ).toggleClass("selected");
            });

到目前为止还好…

现在，当我放置对象时，我可以通过以下操作找到被放置的元素:

...
drop: function() {
            $('.fc-event.ui-draggable.selected').each(function() 
                {
                //alert($(this).text());
                //$(this).toggleClass("selected");
                })

,但现在……如何创建日历上的元素，例如每个元素的持续时间为15分钟?

感谢

Answer 1

我通过在可拖动日历中循环每个' clienttevents '来做到这一点，然后检查类，并向日历添加一个新事件。

drop: function(date, jsEvent, ui) {
       $.each( $('#external-events .fc-event').fullCalendar('clientEvents'), function(index, event) {
                if( $(this).hasClass('selected') ) {  
var newEvent = [{
                        title: event.innerHTML,
                        start: date,  
                        allDay: true
                    }];
                    $('#calendar').fullCalendar('addEventSource', newEvent);
                    $(this).toggleClass("selected"); 
                 }
            });