当navLinks: false
不起作用时,可以使用以下方法禁用FullCalendar导航链接:
fullcalendar.css
或fullcalendar.min.css
),在其中添加以下样式代码:.fc-toolbar .fc-prev-button,
.fc-toolbar .fc-next-button {
display: none !important;
}
这将隐藏导航按钮并禁用导航链接。
header
选项自定义导航栏:在初始化FullCalendar时,使用header
选项自定义导航栏。通过将导航按钮的点击事件设为null
,可以禁用导航链接。示例代码如下:$('#calendar').fullCalendar({
header: {
left: 'prev',
center: 'title',
right: 'next'
},
customButtons: {
prev: {
text: 'prev',
click: null
},
next: {
text: 'next',
click: null
}
}
});
上述代码中,prev
和next
按钮的点击事件被设置为null
,从而禁用了导航链接。
这些方法可以帮助你禁用FullCalendar导航链接,确保navLinks: false
生效。
领取专属 10元无门槛券
手把手带您无忧上云