Fullcalendar 满日历的多余行数

Fullcalendar 满日历的多余行数,fullcalendar,Fullcalendar,注意:此提交中提供了多个营业时间: 我正在使用FullCalendar,在设置以下内容后,我有多余的行: scrollTime: "08:00:00", minTime: "08:00:00", maxTime: "19:00:00", 图像 $(document).ready(function () { $('#calendar').fullCalendar({ defaultView: 'agendaWeek', scrollTime:

注意:此提交中提供了多个营业时间:

我正在使用FullCalendar,在设置以下内容后,我有多余的行:

scrollTime: "08:00:00",
minTime:    "08:00:00",
maxTime:    "19:00:00",
图像

$(document).ready(function () {

    $('#calendar').fullCalendar({
        defaultView: 'agendaWeek',
        scrollTime: "08:00:00",
        minTime: "08:00:00",
        maxTime: "19:00:00",
        weekNumbers: true,
        firstDay: 1,
        allDaySlot: false,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        selectConstraint: 'businessHours',
        eventConstraint: 'businessHours',
        selectHelper: true,
        select: function (start, end) {
            var title = prompt('Event Title:');
            var eventData;
            if (title) {
                eventData = {
                    title: title,
                    start: start,
                    end: end
                };
                $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
            }
            $('#calendar').fullCalendar('unselect');
        },
        businessHours: [
            {
                start: '09:00',
                end: '17:00',
                dow: [1, 2, 3, 5, 6]
            },
            {
                start: '09:00',
                end: '19:00',
                dow: [4]
            }
        ]
    });

});

完整代码

$(document).ready(function () {

    $('#calendar').fullCalendar({
        defaultView: 'agendaWeek',
        scrollTime: "08:00:00",
        minTime: "08:00:00",
        maxTime: "19:00:00",
        weekNumbers: true,
        firstDay: 1,
        allDaySlot: false,
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        selectConstraint: 'businessHours',
        eventConstraint: 'businessHours',
        selectHelper: true,
        select: function (start, end) {
            var title = prompt('Event Title:');
            var eventData;
            if (title) {
                eventData = {
                    title: title,
                    start: start,
                    end: end
                };
                $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
            }
            $('#calendar').fullCalendar('unselect');
        },
        businessHours: [
            {
                start: '09:00',
                end: '17:00',
                dow: [1, 2, 3, 5, 6]
            },
            {
                start: '09:00',
                end: '19:00',
                dow: [4]
            }
        ]
    });

});

有什么想法吗?

使用FullCalendar v2.4.0,我和您一样有确切的问题。我认为最好的选择是将aspectRatio属性从1.35更改为1.5(或任何更大的浮点数)。

嘿,Jezzabeanz,你到底想要什么?嗨@A1rPin,我对日历底部的额外行感到不满意。我在问这是干什么的/我怎样才能把它取下来?好的。您已经玩过
aspectRatio
height
属性了吗?如果是,我需要修改您的配置;)我没有触摸aspectRatio,但我玩的是身高。我决定不要弄乱高度,因为我正试图让它尽可能响应。如果动态更改高度,请不要弄乱更多高度,然后重新渲染日历。