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

我正在使用Fullcalendar中的Agenday视图。我有一个功能，当用户在特定的时间段、特定的日期（它被记录在数据库中）单击时，它会被阻止。我想知道我如何才能为一天中的特定时段设置不同的颜色，特别是我屏蔽的行。如何识别特定的时间线以更改其颜色？在我的上下文中，businessHours属性不是我需要的，但几乎是这样。

您必须在

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');
});

$（'tr'）。查找（'span'）。每个（函数（）{
var timeSlot=$（this.text（）；
if（时隙>13&&时隙<18）//根据需要更改13和18
$（this）.closest（'tr'）.css（'background-color'，'#000'）；
});

要正确计算此代码，您需要配置时隙以显示行的时间标签。如果将插槽的长度设置为00:15:00、00:00:30:00或00:45:00，则不会显示线的标签。您必须在插槽持续时间的末尾添加一秒钟：00:15:01。