Javascript Fullcalendar修改宽度事件

Javascript Fullcalendar修改宽度事件,javascript,jquery,calendar,codepen,Javascript,Jquery,Calendar,Codepen,需要帮助,我需要修改事件宽度,如此事件宽度 何时查看day view 2018年4月12日 `https://codepen.io/tonythanh/pen/ZoeMmY?editors=0010` `http://jsfiddle.net/quigleydbillyp/h30jkpuj/2/` PS:我可以将所有事件设置为相同的宽度吗?您可以通过添加slotEventOverlap并将其设置为false来实现所需的行为。这将不允许事件重叠 $('#calendar').fullCale

需要帮助,我需要修改事件宽度,如此事件宽度

何时查看day view 2018年4月12日

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

PS:我可以将所有事件设置为相同的宽度吗?

您可以通过添加
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');
     }

});


您可以在fullCalendar中找到更详细的信息

您的代码在哪里?你试过什么?正如@coder所说,你试过什么?什么不起作用?有关如何提问的建议,请参阅。刚刚更新的@CodeerQuestions寻求调试帮助应包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅:。请在问题中发布相关代码,并详细说明哪些代码不起作用。你得到的是什么行为而不是预期的行为?请参考Rory发布的链接,创建一个好问题,因为我很难跟上你。您好,谢谢帮助,您能帮我将此设置为日期选择器吗?当我更改此日期选择器上的日期时,请将完整日历更改为日期选择器,@coderno抱歉,问题中未包含此内容。我刚刚回答了这个问题@karonrentahi@coder你能修改相同大小事件的所有宽度吗?@karonrenta你是什么意思?如果将它们相邻放置,则宽度相同?@karonrenta当事件重叠时,事件宽度已呈现为相同宽度。