Javascript 如何立即在fullcalendar上显示所选事件的所有详细信息

我有以下使用fullcalendar的html页面：

document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
initialView:“timeGridWeek”，
是的，
headerToolbar：{
开始：“上一个，下一个今天”，
中心：'标题'，
结束：“dayGridMonth、timeGridWeek、timeGridDay”
},
可选：true，//可以单击设置事件
选择mirror:true，//因此它是实心的
unselectAuto:false，//若在日历外部单击，事件不会消失，但若在日历内部单击，事件仍会消失
是的，
eventStartEditable:true，
eventresizeblefromstart:true，
eventDurationEditable:true，
选择：功能（选择信息）{
日历.addEvent({
标题：“动态事件”，
开始：选择info.start，
结束：选择info.end//需要这些，而不是endTime/startTime，否则它们将不会重新渲染
});
}
});
calendar.render（）；
});

完整日历演示
您只需运行
calendar.unselect（）添加事件后，使显示选择的元素（由于selectMirror选项是实心而不是透明的）不会覆盖在渲染事件的顶部

除非在选项中有
unselectAuto:true
，否则在单击其他位置之前，选择不会自动清除

相关文档：



演示：


document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
initialView:“timeGridWeek”，
是的，
headerToolbar：{
开始：“上一个，下一个今天”，
中心：'标题'，
结束：“dayGridMonth、timeGridWeek、timeGridDay”
},
可选：true，//可以单击设置事件
选择mirror:true，//因此它是实心的
unselectAuto:false，//若在日历外部单击，事件不会消失，但若在日历内部单击，事件仍会消失
是的，
eventStartEditable:true，
eventresizeblefromstart:true，
eventDurationEditable:true，
选择：功能（选择信息）{
日历.addEvent({
标题：“动态事件”，
开始：选择info.start，
结束：选择info.end//需要这些，而不是endTime/startTime，否则它们将不会重新渲染
});
calendar.unselect（）；
}
});
calendar.render（）；
});

完整日历演示
您只需运行
calendar.unselect（）添加事件后，使显示选择的元素（由于selectMirror选项是实心而不是透明的）不会覆盖在渲染事件的顶部

除非在选项中有
unselectAuto:true
，否则在单击其他位置之前，选择不会自动清除

相关文档：



演示：


document.addEventListener（'DOMContentLoaded'，function（）{
var calendarEl=document.getElementById（'calendar'）；
var calendar=新的完整日历。日历（calendarEl{
initialView:“timeGridWeek”，
是的，
headerToolbar：{
开始：“上一个，下一个今天”，
中心：'标题'，
结束：“dayGridMonth、timeGridWeek、timeGridDay”
},
可选：true，//可以单击设置事件
选择mirror:true，//因此它是实心的
unselectAuto:false，//若在日历外部单击，事件不会消失，但若在日历内部单击，事件仍会消失
是的，
eventStartEditable:true，
eventresizeblefromstart:true，
eventDurationEditable:true，
选择：功能（选择信息）{
日历.addEvent({
标题：“动态事件”，
开始：选择info.start，
结束：选择info.end//需要这些，而不是endTime/startTime，否则它们将不会重新渲染
});
calendar.unselect（）；
}
});
calendar.render（）；
});

完整日历演示