如何解决如何在Fullcalendar v4中使用上一个/下一个周期在时间轴视图中设置自定义可见范围?
如何在Fullcalendar的时间轴视图中设置自定义可见范围?我可以进行设置,但是指向下一个或上一个范围的箭头将不起作用。
我使用此代码,并且FC在加载后正确显示了日期范围2020-08-01 - 2020-09-30
。但是,当我单击FC顶部的上一个/下一个箭头移到另一个期间时,什么也没发生。为什么? Validrange
足够长。
我的目标是,如果像上面的示例一样设置可见范围(两个月),则下一个周期应为2020-10-01 - 2020-11-30
(两个月),上一个周期应相同。但是可见范围可以不同,由用户选择。
var calendar = new FullCalendar.Calendar(document.getElementById('calendar'),{
defaultView: 'resourceTimeline',/*
defaultView: 'resourceTimeline30',views: {
resourceTimeline30: {
type: 'resourceTimeline',duration: {
days: 30
}
}
},*/
firstDay: 1,slotWidth: 22,snapDuration: '12:00',slotDuration: '12:00',slotLabelInterval: '24:00',slotLabelFormat: [{ weekday: 'short',day: 'numeric',month: 'long' }],validRange: {
start: '2019-08-14',end: '2021-08-13'
},visibleRange: function(currentDate) {
var startDate = new Date(currentDate.valueOf());
var endDate = new Date(currentDate.valueOf());
startDate.setDate(startDate.getDate() - 30);
endDate.setDate(endDate.getDate() + 30);
return { start: startDate,end: endDate };
}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。