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

我通过循环每个＆＃39; clientEvents＆＃39;来做到这一点。在可拖动日历中，我检查了课程，并在日历中添加了一个新事件。

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"); 
                 }
            });

***编辑：使用FullCalendar v2.2.6

fullcalendar.js：拖动多个外部事件

1 个答案: