dateClick不以全日历角度发出 [英] dateClick not emitted in fullcalendar angular
本文介绍了dateClick不以全日历角度发出的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
dateClick
事件不起作用,我完全按照文档中的说明进行操作:
The dateClick
event is not working, I did exactly as stated in the documentation:
https://fullcalendar.io/docs/angular
html:
<full-calendar #calendar (dateClick)="alert('clicked')" defaultView="timeGridWeek"
[nowIndicator]="true" [header]="header" [plugins]="calendarPlugins" [events]="[
{ title: 'event 1', start: '2019-05-22T13:00:00', textColor: 'white', end: '2019-05-22T14:00:00' },
{ title: 'event 2', start: '2019-05-23T14:00:00', end: '2019-05-23T15:00:00' }
]"></full-calendar>
ts:
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';
public calendarPlugins = [dayGridPlugin, timeGridPlugin, listPlugin];
推荐答案
为解决此问题,我执行了以下步骤:
To solve this problem I did the following steps:
npm install --save @fullcalendar/interaction
我将插件的导入添加到组件中:
I added the plugin's import into the component:
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';
import interactionPlugin from '@fullcalendar/interaction';
public calendarPlugins = [dayGridPlugin,
timeGridPlugin, listPlugin , interactionPlugin];
这篇关于dateClick不以全日历角度发出的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文