Fullcalendar изменить ширину события

Question

Нужна помощь, мне нужно изменить ширину событий, как эта ширина события

при просмотре дня 12 апреля 2018

`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');
     }

});

Рабочая JSFiddle

Более подробную информацию вы можете найти в полной Календаре Документация