Question

我需要能够在垂直资源视图中调整时隙间隔的高度。

datesRender: function(dayRenderInfo)
{
    $(calendarEl).find('tr[data-time]').css('height', '50px');
}

这在第一次加载时有效。一切都很棒。事件气泡会拉伸以适应新高度，并从开始时间到结束时间适当延长。

但是，即使时隙本身仍具有新的设置高度，一旦我执行任何导航，事件气泡也将不再正确大小。似乎事件气泡不再意识到时隙高度已更改。

有更好的方法吗？
如果没有，如何使事件气泡在日期导航上保持适当大小？

codepen：https://codepen.io/julesx-the-decoder/pen/pozyzNL?editors=0010

Answer 1

我添加了具有可用大小的下拉菜单。请参阅以下分支：

https://codepen.io/lee-taylor/pen/rNBMWrv

$("#rowHeight").on("change", function(e)
{
    var height = $(this).children("option:selected").val();
    $("head style#height").remove();
    $("head").append('<style id="height"> .fc-time-grid .fc-slats td {height: ' + height + 'px;}</style>');

    calendar.render();
});

通过强制样式标签的创建/更新并使用日历的刷新方法，我想我已经实现了您想要的。

全日历时隙高度

1 个答案: