Fullcalendar v5 在 dayGridMonth 的第一天不工作
Fullcalendar v5 first day in dayGridMonth not working
我想先设置当前日期。但它不起作用。
文档 https://fullcalendar.io/docs/view-object
var calendarAll = new FullCalendar.Calendar(calendarEl, {
headerToolbar: {
left: 'today',
center: 'prev,title,next',
right: 'month30,dayGridMonth,timeGridWeek'
},
initialView: 'month30',
views: {
month30: {
type: 'dayGridMonth',
buttonText: 'month30',
//activeStart: new Date(), //Not working
visibleRange: function(currentDate) {
var startDate = new Date(currentDate.valueOf());
var endDate = new Date(currentDate.valueOf());
startDate.setDate(startDate.getDate() - 1);
endDate.setDate(endDate.getDate() + 29);
return { start: startDate, end: endDate };
}
}
},
});
我该如何解决?全日历 v5,没有 jquery.
将类型:'dayGridMonth'更改为类型:'dayGrid'
fullCalendar 提供的“月”视图没有这种灵活性——它总是从月初开始,就像传统的纸质日历一样。
恕我直言,如果它以不同的方式出现,许多用户会感到困惑。
其他类型的视图更灵活 - 如果您没有在视图名称中指定时间范围,它们将响应 visibleRange
设置,例如如果您指定 timeGrid
而不是 timeGridWeek
例如。
我想先设置当前日期。但它不起作用。 文档 https://fullcalendar.io/docs/view-object
var calendarAll = new FullCalendar.Calendar(calendarEl, {
headerToolbar: {
left: 'today',
center: 'prev,title,next',
right: 'month30,dayGridMonth,timeGridWeek'
},
initialView: 'month30',
views: {
month30: {
type: 'dayGridMonth',
buttonText: 'month30',
//activeStart: new Date(), //Not working
visibleRange: function(currentDate) {
var startDate = new Date(currentDate.valueOf());
var endDate = new Date(currentDate.valueOf());
startDate.setDate(startDate.getDate() - 1);
endDate.setDate(endDate.getDate() + 29);
return { start: startDate, end: endDate };
}
}
},
});
我该如何解决?全日历 v5,没有 jquery.
将类型:'dayGridMonth'更改为类型:'dayGrid'
fullCalendar 提供的“月”视图没有这种灵活性——它总是从月初开始,就像传统的纸质日历一样。 恕我直言,如果它以不同的方式出现,许多用户会感到困惑。
其他类型的视图更灵活 - 如果您没有在视图名称中指定时间范围,它们将响应 visibleRange
设置,例如如果您指定 timeGrid
而不是 timeGridWeek
例如。