如何在角度日历事件上设置 onHover 事件？答案

【问题标题】：How to set onHover event on angular-calendar events?如何在角度日历事件上设置 onHover 事件？
【发布时间】：2021-12-12 02:52:50
【问题描述】：

我正在为我的 Angular 项目使用日历模块：https://github.com/mattlewis92/angular-calendar

我能够在日历内的一天中设置 onClick 事件（显示模式），但我想在我悬停这一天时显示模式。

<mwl-calendar-month-view 
  *ngSwitchCase="CalendarView.Month" 
  [viewDate]="viewDate"
  [events]="events" 
  [refresh]="refresh" 
  [activeDayIsOpen]="activeDayIsOpen"
  (dayClicked)="dayClicked($event.day)" 
  (eventClicked)="handleEvent('Clicked', $event.event) "
  [cellTemplate]="customCellTemplate" 
  (eventTimesChanged)="eventTimesChanged($event)"
>
</mwl-calendar-month-view>

如何设置 onHover 事件，当用户悬停事件（日历中的日期）时调用该事件？

【问题讨论】：

标签： javascript angular calendar angular-calendar

【解决方案1】：

您可以使用mouseenter 代替鼠标单击。

<div (mouseenter)="openDatePicker()">Hover Me</div>

您也可以使用mouseleave。

【讨论】：