FullCalendar - 更改事件(约会,日记条目)高度

时间:2013-01-21 18:10:45

标签: fullcalendar

我正在尝试在FullCalendar中更改事件(约会)的高度。

我遵循了这个答案How to edit width of event in FullCalendar?

中的建议

问题在于我不太确定如何设置高度以使其相对于日历大小。

我试过了:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '100%');
    }

但它实际上显示为一个薄的条子,同样200%,好像它没有效果。

这有效:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '200px');
    }

但它仅适用于1920 x 1080分辨率。较小的决议将导致约会溢出,这是不好的。

如何将事件的高度设置为与单元格相同?

甚至更好的是细胞的实际可用高度。由于事件仅显示在日期下方。

此日历的使用是针对仅包含全天事件的应用程序,因此每个单元格只能获得一个事件不会成为问题。

TIA

1 个答案:

答案 0 :(得分:2)

您可以尝试这样的事情:

eventRender: function(event, element, view) {
    var cellheight = $('.fc-widget-content').height();
    $(element).css('height', cellheight);
},

似乎没有与eventAfterRender一起工作,但如果你稍微玩一下,你应该得到一些东西来满足你的需求

相关问题