Javascript Fullcalendar修改宽度事件
需要帮助,我需要修改事件宽度,如此事件宽度 何时查看day view 2018年4月12日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
`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当事件重叠时,事件宽度已呈现为相同宽度。