Fullcalendar 启动-计划事件的工具提示

下面是我在Angular2中创建的打底计划。我可以将事件添加到日历中。我已经添加了几天的事件单击左箭头和右箭头

我正在寻找活动和日期的鼠标悬停上的工具提示。这个功能可用吗

  <p-schedule [events]="events" [eventLimit] ="3" (onViewRender)="loadEvents($event)" (onEventClick)="handleEventClick($event)" 
    (onDayClick)="handleDayClick($event)" ></p-schedule>

---

fullcalendar中没有直接的工具提示选项。但是您可以使用外部库。Fullcalendar提供了他们自己的服务。 这里有一个使用fullcalendar&qtip2的示例

jsfiddle.net/N78hs/1649/

HTML

请参阅，了解将鼠标悬停在事件上的信息。P.S。为什么要使用“viewRender”回调来加载事件？您可以通过“事件”属性直接执行此操作。阅读有关支持的各种类型的动态事件源的文档：

<p-schedule [events]="events" [header]="headerConfig" (onViewRender)="loadEvents($event)" (onEventMouseover)="handleMouseOver($event,op)" (onEventClick)="handleEventClick($event)">
</p-schedule>
    <p-overlayPanel appendTo="body" #op>
        <label>Title:{{popOverTitle}}</label>
    </p-overlayPanel>

    handleMouseOver(e, op) {
        this.popOverTitle = e.calEvent.title;
        op.show(e, e.jsEvent.target);
    }