使用:
* FullCalendar 2.1.1
* month view
我想显示一个迷你日历 - 它显示的是每月的日期 - 没有活动标题。 但是,在有事件的日子里 - 我希望那个细胞有背景颜色。 (以下示例)
我想通过CSS我可以使用.fc-event-container {display: none;}
手动隐藏所有事件
但如果事件存在,我将使用什么代码来更改单元格背景? dayRender
的东西?
由于
答案 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。