fullCalendar隐藏事件标题,但设置单元格/日期背景

fullCalendar隐藏事件标题,但设置单元格/日期背景,fullcalendar,Fullcalendar,使用: 我想显示一个迷你日历-所有它显示的是一个月的一天-没有事件标题。 但是,在有事件的日子里,我希望那个单元格有一个背景色。下面的示例 我想通过CSS,我可以使用.fc事件容器{display:none;}手动隐藏所有事件 但是,如果存在事件,我将使用什么代码来更改单元格背景?给Daydrender的东西 谢谢 感谢@Richard Hermanson,这就是解决问题的方法 首先,我们使用这个eventRender函数来定位在特定日期开始的所有事件,然后将一个类应用于具有该日期的单元格 *

使用:

我想显示一个迷你日历-所有它显示的是一个月的一天-没有事件标题。 但是,在有事件的日子里,我希望那个单元格有一个背景色。下面的示例

我想通过CSS,我可以使用.fc事件容器{display:none;}手动隐藏所有事件 但是,如果存在事件,我将使用什么代码来更改单元格背景?给Daydrender的东西

谢谢


感谢@Richard Hermanson,这就是解决问题的方法

首先,我们使用这个eventRender函数来定位在特定日期开始的所有事件,然后将一个类应用于具有该日期的单元格

* FullCalendar 2.1.1
* month view
现在,我们使用这个CSS来隐藏事件标题,并突出显示日期单元格-

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

如果您有多天的事件,@Kniedels的答案无效

如果您有多天的时间,请使用以下javascript:

.dayWithEvent { background: #AB6D86; cursor: pointer;}
.fc-event-container {display: none;}

它使用与Kniedels相同的原理,因此您必须使用相同的css。

这有帮助吗?有点。我看到了。他们在那里寻找特定的事件/日期。我一直坚持的是,如何检查一个日期中是否有事件。只需浏览所有事件,并检查它们发生了什么事件。明白了请回答这个作为答案,我会核对一下。意思是他们在哪一天。你自己先试试,如果你仍然有困难,请在这里发布你的尝试,我会帮助你
eventRender: function (event, element) {
    var start = moment(event.start);
    var end = moment(event.end);
    while( start.format('YYYY-MM-DD') != end.format('YYYY-MM-DD') ){
        var dataToFind = start.format('YYYY-MM-DD');
        $("td[data-date='"+dataToFind+"']").addClass('dayWithEvent');
        start.add(1, 'd');
    }

}