Fullcalendar修改宽度事件

Question

需要帮助，我需要像这个事件宽度一样修改事件的宽度

见日视图2018年4月12日

`https://codepen.io/tonythanh/pen/ZoeMmY?editors=0010`
`http://jsfiddle.net/quigleydbillyp/h30jkpuj/2/`

PS：我可以设置所有事件的宽度相同吗？

Answer 1

您可以通过添加slotEventOverlap来实现所需的行为，并将其设置为false。这将禁止事件重叠。

 $('#calendar').fullCalendar({
            header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },

         events: [
        {
            title  : 'event1',
            start  : '2018-05-01 02:30:00'
        },
        {
            title  : 'event2',
            start  : '2018-05-01',end : '2018-05-01 03:00:00'
        },
        {
            title  : 'event3',
            start  : '2018-05-15'
        }
    ],
    slotEventOverlap: false,
    eventRender: function (event, element, view) { 
        // event.start is already a moment.js object
        // we can apply .format()
        var dateString = event.start.format("YYYY-MM-DD");

        $(view.el[0]).find('.fc-day[data-date=' + dateString + ']').css('background-color', '#FAA732');
     }

});

Working JSFiddle

您可以在fullCalendar documentation

中找到更详细的信息