Question

我将Fullcalendar 3与Scheduler插件结合使用（并且正在jquery 1.11和jqueryUI 1.12上运行，尽管我认为jquery的版本不相关，因为这些版本未在下面的jsFiddle中使用）

当我将事件拖到日历上时，它变得不可见。

我希望它保持可见状态，如Fullcalendar Scheduler本身的示例https://fullcalendar.io/scheduler

我做了一个jsfiddle来演示

滚动至2019年2月24日上午12点以查看事件。

HTML

<div id="calendar"></div>

JavaScript

$('#calendar').fullCalendar({
    defaultView: 'timelineDay', //agendaWeek
    locale: 'nl',
    timezone: 'local',
    themeSystem: 'bootstrap3',
    height: 200,
    slotDuration: '00:10:00',
    nowIndicator: 'true',
    minTime: "20:00:00", // this makes the calendar start at 8PM
    maxTime: "44:00:00", // this makes the calender end 24 hours later at 8PM ( (8PM => 20) + 24 = 44)
    schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
    editable: true, // enable draggable events
    droppable: true, // this allows things to be dropped onto the calendar
    eventResize: function(event) { // called when an event (already on the calendar) is resized
    },
    events: {
        events: [
            {
            title  : 'event2',
            start  : '2019-02-25',
            end    : '2019-02-27'
            }
        ]
    }
})

请参阅下面的图片

Event is visible

When dragging, the event is invisible

Answer 1

@ Louys-Patrice-Bessette提供的解决方案对我有用

.fc-dragging {
    display: block !important;
}

谢谢！

Fullcalender：事件在拖动时隐藏

1 个答案: