无法将html标记传递给title属性

时间:2015-10-22 14:41:31

标签: javascript fullcalendar

我正试图在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);

但是在可视化中显示了这个:

enter image description here

我正在使用FullCalendar的2.3.1版本,但过去1.6.1版本都在使用。我做错了什么?

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);
}

DEMO