Последний столбец полного календаря всегда шире

Я создал пользовательские представления для представления временной шкалы планировщика полного календаря (timelineCustomMonth, timelineCustomWeek, timelineCustomDay).

Однако последний столбец всегда шире предыдущих, независимо от разрешения.

Я могу сказать, что это не проблема с другим файлом CSS, потому что я исключил все файлы CSS, кроме файла для полного календаря, и проблема была такой же.

Fullcalendar v3.0.1 Fullcalendar-Планировщик v1.4.0

Это моя инициализация полного календаря javascript:

$("#calendar").each(function () {

    var calendar = $(this);

    calendar.fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right:       'timelineCustomMonth,timelineCustomWeek,timelineCustomDay,listMonth'
        },
        firstDay: 1,
        eventLimit: true,
        schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
        resources: {
            url: '/machines',
            dataType: 'json'
        },
        resourceAreaWidth: "15%",
        events: {
            url: '/events',
            dataType: 'json'
        },
        views: {
            timelineCustomMonth: {
                type: 'timeline',
                duration: {month: 1},
                slotWidth: 5,
                slotDuration: {days: 1},
                slotLabelFormat: [
                    'D',
                    'dd'
                ]
            },
            timelineCustomWeek: {
                type: 'timeline',
                duration: {days: 7},
                slotWidth: 5,
                slotDuration: {hours: 4},
                slotLabelInterval: {hours: 4},
                slotLabelFormat: [
                    'D',
                    'H'
                ]
             },
            timelineCustomDay: {
                type: 'timeline',
                duration: {days: 1},
                slotWidth: 5,
                slotDuration: {minutes: 30},
                slotLabelInterval: {hours: 1},
                slotLabelFormat: [
                    'H'
                ]
            }
        }
    });
});

Это два скриншота из разных представлений, где возникают проблемы:

временная шкалаПользовательский месяц

временная шкалаCustomDay

Заранее спасибо.


javascript fullcalendar fullcalendar-scheduler
person Stefan    schedule 07.11.2016    source источник
comment
Вам удалось это исправить?   -  person Ally Murray    schedule 23.12.2016
comment
Похоже, та же функция сохраняется и в Fullcalendar v4.   -  person Didzis    schedule 29.04.2019

Ответы (1)


arrow_upward
0
arrow_downward

В моем случае установка относительного значения slotWidth (5%) устранила проблему с растягиванием последнего столбца.

$('#schedule').fullCalendar({
        schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
        now: new Date(),

        slotWidth: "5%",

        resourceAreaWidth: '200px',
        contentHeight: 'auto',
        eventOverlap: false,
        selectOverlap: false
        ...
});
person Didzis    schedule 29.04.2019