0

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

我遵循了这个答案中的建议如何在 FullCalendar 中编辑事件宽度?

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

我试过这个:

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

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

这有效:

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

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

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

甚至更好的是单元格的实际可用高度。因为事件仅显示在日期下方。

此日历的用途是用于只有全天事件的应用程序,因此每个单元格只获取一个事件不是问题。

TIA

4

1 回答 1

2

你可以尝试这样的事情:

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

eventAfterRender 似乎不太适用,但如果你稍微玩一下,你应该得到一些满足你需求的东西

于 2013-01-22T02:37:39.437 回答