在 Fullcalendar 的 Scheduler 中添加时间指示（资源视图）

Question

在使用调度程序的资源视图时，用户发现很难理解悬停时间。

在下面添加这个 $('#calendar').fullCalendar( ... );

  $(".fc-slats tr").each(function () {
            $(this).addClass("timerow");
        });

和CSS

.timerow:hover {background: lightblue;}

问题：当用户按下下一个或上一个按钮时，日历再次呈现 table 并且 .hover 不起作用。

Answer 1

在日历属性的 viewRender 中添加代码也解决了这个问题。

 viewRender: function (view, element) {
            $(".fc-slats tr").each(function () {
               $(this).addClass("timerow"); });
            },

最终结果如下图所示：

resource1 resource2

在 Fullcalendar 的 Scheduler 中添加时间指示（资源视图）

Adding time indication in Fullcalendar's Scheduler (resource view)

fullcalendar

fullcalendar-scheduler