我正试图在title
属性中传递html标记,如下所示:
var unavailablePeriod =
{
'title': EALang['unavailable'] + ' <br><small>' + ((val[i]['notes'].length > 30) ? val[i].substring(0, 30) + '...' : val[i['notes']) + '</small>',
'start': Date.parse(val[i]['start_datetime']),
'end': Date.parse(val[i]['end_datetime']),
'allDay': false,
'color': '#879DB4',
'editable': true,
'className': 'fc-unavailable fc-custom',
'data': val[i],
'column' : column_operator
};
$calendar.fullCalendar('renderEvent', unavailablePeriod, false);
但是在可视化中显示了这个:
我正在使用FullCalendar的2.3.1版本,但过去1.6.1版本都在使用。我做错了什么?
答案 0 :(得分:1)
他们对其进行了更改,以便event.title
中的HTML被转义。您可以尝试通过eventRender
注入HTML:
var unavailablePeriod =
{
'title': EALang['unavailable'] + ' ' + ((val[i]['notes'].length > 30) ? val[i].substring(0, 30) + '...' : val[i['notes']),
'titleHTML': EALang['unavailable'] + ' <br><small>' + ((val[i]['notes'].length > 30) ? val[i].substring(0, 30) + '...' : val[i['notes']) + '</small>',
...
};
然后:
eventRender: function(event, el) {
el.find('.fc-title').html(event.titleHTML);
}