如何在fullcalendar中获取扩展事件详细信息

如何在fullcalendar中获取扩展事件详细信息,fullcalendar,fullcalendar-scheduler,fullcalendar-5,Fullcalendar,Fullcalendar Scheduler,Fullcalendar 5,我的活动从15分钟延长到30分钟,当我点击第二个插槽添加另一个事件时,我如何获得插槽的详细信息?好像这个时段已经有活动了。 我想在单击hi lighted spot时获取所选插槽的详细信息。 您可以使用select回调功能选择插槽,就像选择其他插槽一样-它被事件覆盖的事实并不重要 基本示例: document.addEventListener("DOMContentLoaded", function () { var calendarEl = document.getEl

我的活动从15分钟延长到30分钟,当我点击第二个插槽添加另一个事件时,我如何获得插槽的详细信息?好像这个时段已经有活动了。 我想在单击hi lighted spot时获取所选插槽的详细信息。

您可以使用
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();
});
现场演示:


文档:

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