fullCalendar - 拖动非全天事件以跨越多天 - 全部来自 'week' View ?

标签 fullcalendar

我有一个 fullCalendar 工作得很好。但是,我希望能够拖动不是 allDay 的事件。并拖动它以跨越多天。

例如:我有一个事件安排在 2 月 5 日上午 10 点到下午 12 点。我希望能够将事件向右拖动,使其跨越多天。最终结果是一个从 2 月 5 日上午 10 点到 2 月 9 日下午 12 点(或基本上是原定日期之后的任何一天)的事件。

这可能吗?

谢谢

最佳答案

要调整多天大小并每天创建 10-12 个事件,请使用以下代码段。

要在多天内调整一个事件的大小并保持相同的开始时间和结束时间,插件调整大小已经这样做了吗?

请参阅 eventResize 回调。 http://arshaw.com/fullcalendar/docs/event_ui/eventResize/

$('#calendar').fullCalendar({
events: [
        // events here
        ],
editable: true,

eventResize: function(event,dayDelta,minuteDelta,revertFunc) {

   if(dayDelta >= 1 && !event.allDay) {
        revertFunc();

        for (var i = 0 ; i < dayDelta ; i ++) {
           var newEvent = {
            id: event.id,
            title : event.title,
            start : new Date(event.start),
            end : new Date(event.end),
            allDay : event.allDay
           };

           newEvent.start.setDate(newEvent.start.getDate()+(i+1));
           newEvent.end.setDate(newEvent.end.getDate()+(i+1));
           $('#calendar').fullCalendar( 'renderEvent', newEvent , 'stick');
        }
    }
}
});

关于fullCalendar - 拖动非全天事件以跨越多天 - 全部来自 'week' View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14713837/

相关文章:

javascript - Bug Bootstrap 4 和 fullcalendar.js - bootstrap 4 模式中的 fullcalendar

jquery - 如何从 colorbox iframe 重新获取 fullCalendar(jQuery 插件)?

javascript - "anonymous"周的开放时间/全日历

ember.js - 在 Ember 组件中动态添加事件到 FullCalendar

php - 如何在全日历议程周 View 上呈现事件-Symfony 3

javascript - 提高 FullCalendar 渲染性能

javascript - JS FullCalendar V4 右键菜单-选定日期

javascript - 如何从 ASP.NET 检索 JSONdata 并将其发送到 jQuery? (实现全日历)

jquery - 将完整日历右标题从按钮更改为列表项

javascript - 如何在全日历中更改事件高度