我正在尝试在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
答案 0 :(得分:2)
您可以尝试这样的事情:
eventRender: function(event, element, view) {
var cellheight = $('.fc-widget-content').height();
$(element).css('height', cellheight);
},
似乎没有与eventAfterRender一起工作,但如果你稍微玩一下,你应该得到一些东西来满足你的需求