7

fullcalendar スケジューラ (timelineCustomMonth、timelineCustomWeek、timelineCustomDay) のタイムライン ビューのカスタム ビューを作成しました。

ただし、解像度に関係なく、最後の列は常に前の列よりも幅が広くなります。

fullcalendar 用の CSS ファイルを除くすべての CSS ファイルを除外したため、別の CSS ファイルの問題ではないとわかりますが、問題は同じでした。

Fullcalendar v3.0.1 Fullcalendar-Scheduler v1.4.0

これは私のjavascript fullcalendarの初期化です:

$("#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'
                ]
            }
        }
    });
});

これらは、問題が発生した異なるビューの 2 つのスクリーンショットです。

タイムラインCustomMonth

タイムラインCustomDay

前もって感謝します。

4

1 に答える 1