在jQuery中调整事件大小FullCalendar

Question

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

我的日历中的每个事件都是一个图像，所以如果当前多个图像显示，它们将垂直显示。但我想横向显示所有事件。

我试图修改它的CSS，使用float: left, display: inline，但没有运气。也改变了每个图像来11px大小，但没有运气

请参阅我的直播网站：http://oryxtesting.com/learning-events/

Answer 1

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

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

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

Answer 2

我添加了一个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)); 
}