Question

尝试在我们的网站上使用fullcalendar。尽管在源API中设置了title对象的event属性，但呈现的a标记具有空title属性。如下所示。

<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>

标题文字在日历框中显示正常，但问题在于title标记中的空a属性，将鼠标悬停在事件上并未显示整个标题。< /强>

不，我不想尝试qtip或bootstrap popover。

Answer 1

eventRender功能可让您设置标题

eventRender: function (event, element) {
    element.attr('title', event.title);
}

http://jsfiddle.net/9wam5cng/

Answer 2

您可以使用noEventsMessage属性为空列表设置默认标题。

var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'list' ],
  defaultView: 'listWeek',
  noEventsMessage: 'No event found !!!!!!',  <--------------this property-----------
  events: [
    {
      title: 'Meeting',
      start: '2019-08-12T14:30:00',
      extendedProps: {
        status: 'done'
      }
    },
    {
      title: 'Birthday Party',
      start: '2019-08-13T07:00:00',
      backgroundColor: 'green',
      borderColor: 'green'
    }
  ]
});

Answer 3

FullCalendar5 更新

将 noEventsMessage 重命名为 noEventsContent

var calendar = new FullCalendar.Calendar(calendarEl, {
  plugins: [ 'list' ],
  defaultView: 'listWeek',
  noEventsContent: 'No event found !!!!!!',  <--------------this property-----------
  events: [

FullCalendar锚点的标题属性为空

3 个答案: