如何防止fullcalendar“moreLink”弹出窗口在外面点击时关闭?

How to prevent fullcalendar "moreLink" popover to close when click outside?

提问人:Younus Hussain 提问时间:10/5/2023 最后编辑:Younus Hussain 更新时间:10/5/2023 访问量:119

问:

我在nextjs中使用FullCalendar v6,它有一个内置功能,当事件太多时,它会将剩余的事件放在弹出窗口中,单击“更多”即可显示这些事件。我的问题是,当我在弹出框外部单击时,如何防止弹出框关闭?

JavaScript reactjs next.js fullcalendar fullcalendar-6

评论


答:

0赞 Shivaji M Kattimani 10/5/2023 #1

为了防止弹出框在外部单击时关闭,可以在 FullCalendar 中使用交互对象。具体而言,可以将弹出框类型的 enabled 属性设置为 false。这样,当单击弹出框外部时,弹出框不会关闭。

示例如下:

import { Calendar } from '@fullcalendar/react';
import interactionPlugin from '@fullcalendar/interaction';

const MyCalendarComponent = () => {
  const handleEventClick = (info) => {
    // Your event click logic here
  };

  return (
    <Calendar
      plugins={[interactionPlugin]}
      events={[
        // your event data here
      ]}
      eventClick={handleEventClick}
      eventPopover={{
        enabled: true,
        // By default, clicking outside of the popover will close it.
        // To prevent this, set the interaction.enabled property to false.
        interaction: {
          enabled: false,
        },
      }}
    />
  );
};

export default MyCalendarComponent;

你也可以参考这个

评论

0赞 Younus Hussain 10/5/2023
感谢您回答 Shivaji,Eventpopover 不在 v6 中,我想防止 moreLinkClick 弹出框在单击外部时关闭