在fullcalendar中动态更改占位符持续时间

Question

我试图在fullcalendar外部拖动示例中更改外部持续时间。 https://fullcalendar.io/js/fullcalendar-scheduler-1.2.0/demos/external-dragging.html

示例持续时间是02:00:00。但我希望在日历上拖动时进行更改。

例如，在上面的链接上，房间的前期是02:00:00和03:00:00，类似于＆＃34; Auditorium A＆＃34;是02:00:00和＆＃34; Auditorium B＆＃34;是03:00:00

然后，当我将一些外部项目拖到日历时。然后更改项目持续时间02:00:00＆＃34; Auditorium A＆＃34;或03:00:00＆＃34; Auditorium B＆＃34;。

$(function() { // document ready


    /* initialize the external events
    -----------------------------------------------------------------*/

    $('#external-events .fc-event').each(function() {

        // store data so the calendar knows to render an event upon drop
        $(this).data('event', {
            title: $.trim($(this).text()), // use the element's text as the event title
            stick: true // maintain when user navigates (see docs on the renderEvent method)
        });

        // make the event draggable using jQuery UI
        $(this).draggable({
            zIndex: 999,
            revert: true,      // will cause the event to go back to its
            revertDuration: 0  //  original position after the drag
        });

    });


    /* initialize the calendar
    -----------------------------------------------------------------*/

    $('#calendar').fullCalendar({
        now: '2016-01-07',
        editable: true, // enable draggable events
        droppable: true, // this allows things to be dropped onto the calendar
        aspectRatio: 1.8,
        scrollTime: '00:00', // undo default 6am scrollTime
        header: {
            left: 'today prev,next',
            center: 'title',
            right: 'timelineDay,timelineThreeDays,agendaWeek,month'
        },
        defaultView: 'timelineDay',
        views: {
            timelineThreeDays: {
                type: 'timeline',
                duration: { days: 3 }
            }
        },
        resourceLabelText: 'Rooms',
        resources: [
            { id: 'a', title: 'Auditorium A' },
            { id: 'b', title: 'Auditorium B', eventColor: 'green', start:"09:00", end:"11:00" },
            { id: 'c', title: 'Auditorium C', eventColor: 'orange', start:"13:30",end:"16:00" }
        ],
        events: [

        ],
        drop: function(date, jsEvent, ui, resourceId) {
            console.log('drop', date.format(), resourceId);

            // is the "remove after drop" checkbox checked?
            if ($('#drop-remove').is(':checked')) {
                // if so, remove the element from the "Draggable Events" list
                $(this).remove();
            }
        },
        eventReceive: function(event) { // called when a proper external event is dropped
            console.log('eventReceive', event);
        },
        eventDrop: function(event) { // called when an event (already on the calendar) is moved
            console.log('eventDrop', event);
        }
    });

});

上述代码之一，资源中有start / end属性。所以我希望在每个房间的日历上左侧外部拖动时应用开始/结束时间。