javascript - fullCalendar 上的多个 nowIndicators

Question

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

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

Answer 1

我不确定这是否是最佳解决方案，它更像是一种 hack。这个想法是将背景颜色更改为今天的行。所以你选择所有的行，因为时间间隔是 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就像我说的，我不确定这是否是最好的解决方案，但它确实有效。希望能帮到你。