Jquery fullcalendar不同事件单元格背景色

下面的代码是我在博客中找到的更改事件单元格背景颜色的代码。但事件渲染正在更改所有事件的单元格颜色

event Render : function (event, element) {
    var dataToFind = moment(event.start).format('YYYY-MM-DD');
    $(" td [data-date='"+dataToFind+"']").addClass('activeDay');
}

---

我的问题是我有两个不同的事件，我只想更改一个事件的单元格背景颜色，其他事件应该是正常的。

您可以通过两种方式实现上述目标

使用

eventAfterAllRender

回调代替

eventRender

，并使用您需要的条件，例如您希望将类添加到当前日期

var dataToFind = moment().format('YYYY-MM-DD');
$(" td [data-date='"+dataToFind+"']").addClass('activeDay');

使用函数中的

eventRender

回调编写以下代码段

如果您想将“

activeDay

”类添加到今天，那么

eventRender: function(event, element) {
   var today = moment().format('YYYY-MM-DD');
   var dataToFind = moment(event.start).format('YYYY-MM-DD');

   if (today == dataToFind) {
      $(element).addClass('activeDay');
   }
}

---

希望这对你有帮助

谢谢你的回答，但是下面的代码在我的场景中帮助了我

if (event.title.match("^XXXX:")) {
                        var start = new Date(event.start);
                        var end = new Date(event.end);
                        var dateDiff = end.getDate() - start.getDate();
                        if (moment(event.start).format('YYYY-MM-DD') != moment(event.end).format('YYYY-MM-DD')) {
                            for (i = 0; i < dateDiff + 1; i++) {

                                $("td[data-date='" + moment(start).add('days', i).format('YYYY-MM-DD') + "']").addClass('activeDay')
                            }
                        }
                        else if (moment(event.start).format('YYYY-MM-DD') == moment(event.end).format('YYYY-MM-DD')) {
                            $("td[data-date='" + moment(event.start).format('YYYY-MM-DD') + "']").addClass('activeDay');
                        }
                    }

if（event.title.match（^XXXX:））{
var start=新日期（event.start）；
var end=新日期（事件结束）；
var dateDiff=end.getDate（）-start.getDate（）；
if（矩（event.start）.format（'YYYY-MM-DD'）！=矩（event.end）.format（'YYYY-MM-DD'））{
对于（i=0；i

如果您更改不同事件的事件颜色而不是更改单元格颜色，不是更容易吗？但我客户的要求是更改单元格颜色！！