FullCalendar高亮显示行 [英] FullCalendar highlight row

问题描述

我想使用AgendaWeek视图在 FullCalendar 中突出显示任意一组行。由于每行都有它自己的css类（例如fc-slot32），所以我认为这并不是什么大问题。但是，当我将此背景颜色应用于此行时，它会与日历网格混淆。更具体地说，它删除了该行之间的分隔线。

我不确定FullCalendar实际上如何实现日历网格 - 有谁知道如何在不移除网格的情况下突出显示该行？

解决方案

如果您知道要突出显示哪行，这将起作用：

  $（'。fc-slot5'）。css（{'background-color'：'yellow'，'opacity' ：0.5}）; 
  

I'd like to highlight an arbitrary set of rows within FullCalendar using the AgendaWeek view. Since each row has it's own css class (for instance, fc-slot32), I figured this wouldn't be much of a problem. However, when I apply a background colour to this row, it messes with the calendar grid. More specifically, it removes the separating borders between days on that row.

I'm unsure as to how FullCalendar actually achieves the calendar grid in the first place - does anyone know how I can possibly highlight the row without removing the grid?

解决方案

If you know what row you want highlighted, this would work:

$('.fc-slot5').css({'background-color':'yellow', 'opacity':0.5 });

这篇关于FullCalendar高亮显示行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！