[英]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.