首页 > 解决方案 > 如何防止“Fullcalendar”显示的日期和时间小于现在

问题描述

我有“dayGridMonth”和“timeGridDay”视图的完整日历。我想显示“现在”时刻的日期。

下面是我的日历小部件的源代码:

    let calendar = new Calendar(calendarEl, {
    plugins: [dayGridPlugin, timeGridPlugin, bootstrap, interaction],
    themeSystem: 'bootstrap',
    showNonCurrentDates: false,
    fixedWeekCount: false,
    header: {
        right: 'prev,next today',
        center: 'title',
        left: 'dayGridMonth,timeGridDay'
    },
    eventTimeFormat: {
        hour: '2-digit', //2-digit, numeric
        minute: '2-digit', //2-digit, numeric
        hour12: false //true, false
    },
    views: {
        timeGridDay: {
            nowIndicator: true,
            selectable: true,
            allDaySlot: false,
            slotLabelFormat: {
                hour: '2-digit',
                minute: '2-digit',
                hour12: false //true, false
            }
        },
    },
    validRange: {
        start: moment.now()
    },
    events: 'https://fullcalendar.io/demo-events.json',
    selectOverlap: false,
        });


    calendar.render();
});

我怎样才能实现它? 在此处输入图像描述

标签: javascriptfullcalendar

解决方案


推荐阅读