如何在全日历中获取扩展事件详细信息答案

【问题标题】：How to get extended event details in fullcalendar如何在全日历中获取扩展事件详细信息
【发布时间】：2021-04-28 07:06:47
【问题描述】：

我的事件从 15 分钟延长到 30 分钟，当我单击第二个插槽添加另一个事件时，我如何获取插槽详细信息？就像这个插槽已经有一个事件一样。当我点击高亮点时，我想获得选定的插槽详细信息。

【问题讨论】：

标签： fullcalendar fullcalendar-scheduler fullcalendar-5

【解决方案1】：

您可以使用 select 回调功能选择插槽，就像任何其他插槽一样 - 它被事件覆盖的事实并不重要。

基本示例：

document.addEventListener("DOMContentLoaded", function () {
  var calendarEl = document.getElementById("calendar");

  var calendar = new FullCalendar.Calendar(calendarEl, {
    headerToolbar: {
      right: "dayGridMonth,timeGridWeek,timeGridDay",
      center: "title",
      left: "prevYear,prev,next,nextYear"
    },
    initialView: "timeGridDay",
    initialDate: "2021-04-01",
    selectable: true, //ENABLE SELECTIONS
    select: function (args) { //HANDLE THE SELECTION EVENT
      console.log(args); //REPLACE THIS WITH WHATEVER YOU WANT TO DO WHEN SELECTION HAPPENS
    },
    events: [
      {
        title: "Sales Meeting",
        start: new Date(2021, 03, 1, 10, 30),
        end: new Date(2021, 03, 1, 11, 30),
        allDay: false
      }
    ]
  });

  calendar.render();
});

现场演示：https://codepen.io/ADyson82/pen/XWpQYpQ

文档：https://fullcalendar.io/docs/date-clicking-selecting

【讨论】：

感谢您的回复。但我的情况有点不同，如果一个事件已经存在并且我在选择回调中没有已存在事件的信息，我必须阻止用户创建另一个事件。
啊，我明白了。你的问题不清楚。为此，您需要selectOverlap。请查看文档。