当鼠标悬停在FullCalendar中的元素上时如何放置事件?

时间:2019-05-15 12:45:58

标签: angular fullcalendar

我有一个带有FullCalendar(同名网站)的日历,当我传递带有其他颜色的日期时我想

这是我的代码:

我尝试了他们的文档,但是没有用

`<full-calendar defaultView="dayGridMonth" 
            (dateClick)="handleDateClick($event)" 
            locale="fr"
            [plugins]="calendarPlugins"
            [events]="events">
 </full-calendar>`

和ts:

 `calendarPlugins = [dayGridPlugin, interactionPlugin];`

我想知道你是否有想法?  'eventMouseEnter',  'eventMouseLeave' 我尝试过,但是我不知道如何应用

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

var calendar = new Calendar(calendarEl, {

  eventMouseEnter: function(info) {
    alert('Event: ' + info.event.title);
    alert('Coordinates: ' + info.jsEvent.pageX + ',' + info.jsEvent.pageY);
    alert('View: ' + info.view.type);

    // change the border color just for fun
    info.el.style.borderColor = 'red';
  }

});

请参阅此链接以获取更多信息:https://fullcalendar.io/docs/eventMouseLeave