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

时间:2014-11-06 14:24:32

标签: fullcalendar

使用:

* FullCalendar 2.1.1
* month view

我想显示一个迷你日历 - 它显示的是每月的日期 - 没有活动标题。 但是,在有事件的日子里 - 我希望那个细胞有背景颜色。 (以下示例)

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

由于

enter image description here

2 个答案:

答案 0 :(得分:4)

感谢@Richard Hermanson,这就是如何解决问题

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

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

现在,我们使用此CSS来隐藏事件标题,并突出显示日期单元格 -

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

答案 1 :(得分:0)

如果您有多天的活动,@ Kniedels的答案就不起作用。

如果您有多天使用此javascript:

if not user_b and not user_c and not user_d:
    a()
elif not user_b and not user_c and user_d:
    a(d)
…
elif user_b and user_c and user_d:
    a(b, c, d)

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