[fullcalendar] 이벤트 제목에 아이콘 넣기

Add Icon(s) in first line of an event (fullCalendar)

full calendar 에 제목에 아이콘 넣기

full calendar 에 제목등에 <. >등이 들어가는 태그는 알아서 event.title 에 입력이 되지 않는다.

그래서 꼼수를 써야 되는데

eventRender: function(event, element) {                                          
	element.find('span.fc-event-title').html(element.find('span.fc-event-title').text());					  
},

SPAN 태그와 합쳐서 이런 식으로 html로 찍어줄 수 있음

제목뿐만 아니라 시간이나 다른데 다 적용된다.

$("#YourCalendar").fullCalendar({
    eventRender: function(event, element) {
        element.find(".fc-event-time").after($("<span class=\"fc-event-icons\"></span>").html("Whatever you want the content of the span to be"));
    }
});

after 대신에 before 도 가능

방송스케줄에 19금제한 표시등 아이콘 적용중 ㅎ

events: [
    {
        title  : 'event1',
        start  : '2010-01-01',
        imageurl:'img/edit.png'
    },
    {
        title  : 'event1',
        start  : '2010-01-01'
    }]

And on eventRender just put the image

eventRender: function(event, eventElement) {
if (event.imageurl)
{
                eventElement.find("div.fc-event-inner").prepend("<img src='" + event.imageurl +"' width='12' height='12'>");
}
},

eventElement.find("div.fc-event-inner").prepend("<img src='pathtoimage.png' width='12' height='12'>");