fullcalendar单元格中的动态内容

Question

如何在fullcalendar日期字段中显示不同的内容。请看以下小提琴。

fiddle

在这里，我显示了一个范围“60％”作为静态数据。我想在一个字段中显示不同的内容。

例如，

我希望随机显示60％，70％，50％，80％，90％，45％，62％这样的任何静态数字。

我该怎么做？请帮帮我。

$('#calendar').fullCalendar({
	header: {
		left: 'prev,next today',
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},
	defaultDate: '2014-06-12',
	editable: true,
});
$("td.fc-day.fc-widget-content").append("<span style='font-size: 30px;font-weight: 600;color: green;'>60%</span>");

body {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#calendar {
	width: 900px;
	margin: 0 auto;
}

<div id='calendar'></div>

Answer 1

如果我理解你，试试这个：

Fiddle

queryset.distinct()

Answer 2

另一个答案有效，但这不是操纵fullcalendar事件的正确方法。视图更改将丢失这些更改。您需要将此代码放入viewRender:以及更新事件的所有方法，或使用fullcalendar的内置更新方法：

event.title = event.title + "60%";
$('#calendar').fullCalendar('updateEvent', event);