DayGridMonth中的Fullcalendar v5第一天不起作用

Question

我想先设置当前日期可见。但它不起作用。 文档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 };
                }
            }
        },
    });

我该如何解决？ Fullcalendar v5，没有 jquery。

Answer 1

fullCalendar 提供的“月”视图没有这种灵活性——它总是从月初开始，就像传统的纸质日历一样。 恕我直言，如果它看起来不同，许多用户会感到困惑。

其他类型的视图更灵活 - 如果您未在视图名称中指定时间范围，它们将响应 visibleRange 设置，例如，如果您指定 timeGrid 而不是 timeGridWeek。

Answer 2

将 type: 'dayGridMonth' 更改为 type: 'dayGrid'