html - 向 FullCalendar API 添加水平 View

Question

我在我的元素中使用全日历 API 进行垂直资源 View 。对于大约 10 个资源，一切正常。但是，当我增加元素中的资源数量时， View 变得一团糟。

那么如何在此 View 中添加水平滚动。

Answer 1

在 viewRender 回调函数中你可以添加类似的东西

if(view.name === "agendaDay"){
        $('.fc-view-container').css('overflow-x','auto');
        $("#fullcalendar_container").css('min-width',$('.fc-resource-cell').length*slot_width_resource);
    }

我的 slot_width_resource 等于 125。您可以调整该值，使间距效果更好。