FullCalendar anchor’s title property empty Code Answer

Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of FullCalendar anchor’s title property empty without wasting too much if your time.

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

http://jsfiddle.net/9wam5cng/

We are here to answer your question about FullCalendar anchor’s title property empty - If you find the proper solution, please don't forgot to share this with your team members.

Related Posts

Tutorial Guruji