The question is published on by Tutorial Guruji team.
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); }