fullCalendar的月视图下,如何将today按钮在本月时禁用,其他月份正常使用
时间: 2023-12-24 19:02:49 浏览: 94
可以通过 fullCalendar 的 viewRender 事件来实现这个功能。该事件会在切换日历视图时触发,我们可以在这个事件的回调函数中获取当前视图的信息,然后根据当前视图的日期范围来禁用或启用 today 按钮。
以下是一个示例代码:
```javascript
$('#calendar').fullCalendar({
// 其他配置项
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
viewRender: function(view, element) {
// 获取当前视图的日期范围
var start = view.intervalStart.format('YYYY-MM-DD');
var end = view.intervalEnd.format('YYYY-MM-DD');
// 获取当前日期
var today = moment().format('YYYY-MM-DD');
// 禁用或启用 today 按钮
if (today >= start && today <= end) {
$('.fc-today-button').prop('disabled', true);
} else {
$('.fc-today-button').prop('disabled', false);
}
}
});
```
在上面的代码中,我们通过 moment.js 库获取了当前日期,并将其与当前视图的日期范围进行比较,从而决定是否禁用 today 按钮。如果当前日期在当前视图的日期范围内,则禁用 today 按钮,否则启用它。
阅读全文