Можно ли перетаскивать весь день (события всего дня) через fullCalendar в js

Question

-Мне нужно перетащить все события дня, которые я здесь взял в качестве расписания дня. Когда я перетаскиваю это расписание, оно должно иметь возможность перетаскивать все события за день и переходить в другой день, который мы выберите.

Answer 1

Если вы поместите события в одну и ту же группу, используя свойство groupId (см. https://fullcalendar.io/docs/event-object), их можно перетаскивать и изменять их размер одним действием.

В В приведенных ниже примерах данных все события с идентификатором группы 1 можно перетащить в одно целое.

events: [
  {
    title: "Sales Meeting",
    start: "2020-04-02 10:30",
    end: "2020-04-02 11:30",
    allDay: false,
    groupId: 1
  },
  {
    title: "Marketing Meeting",
    start: "2020-04-02 11:30",
    end: "2020-04-02 11:30",
    allDay: false,
    groupId: 1
  },
  {
    title: "Production Meeting",
    start: "2020-04-02 15:30",
    end: "2020-04-02 16:30",
    allDay: false,
    groupId: 1
  },
  {
    title: "Management Meeting",
    start: "2020-04-02 13:30",
    end: "2020-04-02 14:30",
    allDay: false,
    groupId: 2,
    color: "green"
  }
]

Демонстрация в реальном времени: https://codepen.io/ADyson82/pen/bGVbLpr - перетащите любое из событий синего цвета в на следующий день, когда вы отпустите кнопку мыши, вы увидите, что все остальные также перемещаются вместе с ней.