繁体   English   中英

Fullcalender:如何获取回调 function

[英]Fullcalender: How to get callback function

在我的项目中,我使用的是 fullcalender。

在这里,我使用“排序”按钮。 在这种情况下,我的要求是隐藏“排序”按钮,然后单击“列表”按钮显示它。 那么是否有任何回调 function 或任何其他想法使其成为可能?

  <FullCalendar
    defaultView="dayGridMonth"
    plugins={[BootstrapTheme, dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin]}
    themeSystem="bootstrap"
    handleWindowResize={true}
    bootstrapFontAwesome={false}
    buttonText={{
        today: 'Today',
        month: 'Month',
        week: 'Week',
        day: 'Day',
        list: 'List',
        prev: 'Prev',
        next: 'Next',
    }}                                                      
    header={{
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth, myCustomButton',
    }}
    displayEventTime={false}
    eventLimit={true} // allow "more" link when too many events
    events={useBookingApi.bookingList}
    eventClick={useBookingApi.handleEventCLick}
    eventPositioned={(event) => {
        event.el.setAttribute("data-tip", JSON.stringify(event.event.extendedProps.toolTip));
        ReactTooltip.rebuild();
    }}
    customButtons={{  
        myCustomButton:{
          text: 'Sort',
          click: function() {
            setSortOpen(!sortOpen)
            
          },
        },
      }}
    id="calendar"
/>

在此处输入图像描述

<FullCalendar defaultView="dayGridMonth" plugins={[BootstrapTheme, dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin]} themeSystem="bootstrap" handleWindowResize={true} bootstrapFontAwesome={false} buttonText={{ today: 'Today', month: ' Month', week: 'Week', day: 'Day', list: 'List', prev: 'Prev', next: 'Next', }}
header={{ left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth, myCustomButton', }} displayEventTime={false} eventLimit={true} // 允许“更多" 事件过多时的链接 events={useBookingApi.bookingList} eventClick={useBookingApi.handleEventCLick} eventPositioned={(event) => { event.el.setAttribute("data-tip", JSON.stringify(event.event.extendedProps) .工具提示)); ReactTooltip.rebuild(); }} 自定义按钮={{
myCustomButton:{ text: 'Sort', click: function() { setSortOpen(!sortOpen)

      },
    },
  }}
ed="calendar"

/>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM