jquery - 在 jQuery FullCalendar 中调整事件大小

Question

如何更改 FullCalendar 单元格中的事件大小。

我日历中的每个事件都是一个图像，所以目前如果显示多个图像，它们会垂直显示。但我想水平显示所有事件。

我试图修改它的 css, used float: left, display: inline，但没有运气。还将每个图像的大小更改为11px，但没有运气

请看我的现场： http: //oryxtesting.com/learning-events/

Answer 1

我在月视图的日历中添加了一个 eventRender ......这是我的代码：

eventRender: function(event, element, view) { 
    var diff=datediff(view.visStart,event.start);   //note datediff if a self-made function which returns the number of days between calendar start view and current day
    var rows=parseInt(diff/7); 
    var cols=diff;
    element.css('position','static'); 
    $('tr.fc-week'+rows+' td.fc-day'+cols+' div.fc-day-content div:first').append($(element));
}

Answer 2

发生这种情况是因为图像被绝对定位并被迫看起来它们在日历中的位置很好。这些元素甚至不在表格单元格中，它们只是覆盖在表格上方。

此外，图像没有继承 11px 的宽度，因为它们的内联宽度为 54px。

修复并不容易。您需要更正脚本以将图像插入日历表格单元格中。或者，您需要绝对定位它们，使它们看起来在同一条线上。