javascript – fullCalendar上的多个nowIndicators

前端之家收集整理的这篇文章主要介绍了javascript – fullCalendar上的多个nowIndicators前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于nowIndicator的文档很少…有没有办法在同一页面显示类似于nowIndicator的元素?

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

解决方法

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

我写了这个函数,每天都会调用它.

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就像我说的那样,我不确定这是否是最好的解决方案,但它能完成工作.希望能帮到你.

猜你在找的JavaScript相关文章