Trying to use fullcalendar on our website. Despite setting the title
property of the event
object in the source API, the rendered a
tag has empty title
property. Like below.
<a href="#" class="fc-day-grid-event fc-h-event fc-event fc-start fc-not-end" data-original-title="" title=""><div class="fc-content"><span class="fc-time">10a</span> <span class="fc-title">some event</span></div></a>
The title text shows up fine in the calendar boxes, but the issue is because of empty title
property in a
tag, hovering over the event does not show the entire title.
And no, I don’t want to try qtip or bootstrap popover yet.
Answer
The eventRender function will let you set the title
eventRender: function (event, element) { element.attr('title', event.title); }