为 Fullcalendar 中的特定时间段设置不同的颜色

Question

我正在使用 Fullcalendar 中的 agendaDay 视图。我有一个功能，当用户在特定的时间段、特定的日期点击时（它被记录在数据库中）。我想知道如何只为一天中的特定时间段设置不同的颜色，特别是我屏蔽的线路。我怎样才能确定一个特定的时间线来改变它的颜色？在我的上下文中，businessHours 属性不是我需要的，但差不多就是这样。

Answer 1

您必须在 agendaDay 视图中找到特定的行，然后更改它们的背景颜色。时间值在每个 tr 的 span 中，因此我们需要先找到它，如果它落在我们要求的时间段之间，则为该行着色。

您可以使用如下方式实现它：

$('tr').find('span').each( function(){
   var timeSlot = $(this).text();
   if(timeSlot> 13 && timeSlot < 18)    //Change 13 and 18 according to what you need
      $(this).closest('tr').css('background-color', '#000');
});

为 Fullcalendar 中的特定时间段设置不同的颜色

Set different color to specific time slots in Fullcalendar

javascript

css

fullcalendar