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

Question

下面是我在 Angular2 中创建的 Primeng-schedule。我可以将事件添加到日历中。我已经添加了几天点击、向左和向右箭头的事件。

我正在寻找有关鼠标悬停事件和日期的工具提示。那个功能可以用吗。

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

Answer 1

HTML

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

TS

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