如何在fullcalendar中获取扩展事件详细信息
我的活动从15分钟延长到30分钟,当我点击第二个插槽添加另一个事件时,我如何获得插槽的详细信息?好像这个时段已经有活动了。 我想在单击hi lighted spot时获取所选插槽的详细信息。如何在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
您可以使用
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回调中已经存在的事件的信息。啊,我明白了。这在你的问题中不清楚。你需要这样做。请查看文档。