fullCalendar上有多个nowIndicators

Question

由于nowIndicator的文档很少...有没有办法在同一页面上显示类似于nowIndicator的元素？

例如......我想从01:00开始显示一个绿色的,我想在12:00开始显示一个蓝色的

Answer 1

我不确定这是否是最好的解决方案，它更像是一个黑客。这个想法是将背景颜色更改为今天的行。因此，您选择所有行，因为时间间隔为 30 分钟，您将获得 96 个元素。（每天 48 次）前 24 次您不需要它，因为是前一天。您将需要 25-73 个元素，因为这是今天的行。

我编写了这个函数，它将在每个dayRender.

function colorToday() {
  var color = '#EEEEEE';
  var fullArray = $('.fc-slats tr .fc-widget-content:nth-child(2)');
  var todayArray = fullArray.slice(24, 72);

  for(var i = 0; i < todayArray.length; i++) {
    var data = $(todayArray[i]);
    $(data).css('background', color);
  }
}

并将其添加到选项中：

dayRender: function (element) {
   colorToday();
}

这是一个JSFIDDLE 就像我说的，我不确定这是否是最好的解决方案，但它确实有效。希望能帮到你。