首页 > 解决方案 > 事件未显示在 Angular6 PRIMENG 调度程序中

问题描述

我想在我的项目中使用 Primeng Schedule 组件https://www.primefaces.org/primeng/#/schedule

我尝试在日程表中使用事件(在以下代码中更新相同)并尝试从日程表中检索事件。但是,无法检索相同的

代码:在component.ts中:

ngOnInit() {
    this.header = {
      left: 'prev,next',
      center: 'title',
      right: 'month,agendaWeek,agendaDay'
    };

    this.eventstest = [
      { title: 'All Day Event', start: '2018-08-07' },
      { title: 'Long Event', start: '2018-08-10', end: '2018-08-11' },
      { title: 'Repeating Event', start: '2018-08-11T16:00:00' },
      { title: 'Repeating Event', start: '2018-08-16T16:00:00' },
      { title: 'Conference', start: '2018-08-12', end: '2018-08-13' }
    ];
  }
}

HTML 代码:

<p-schedule [events]="events" [header]="header" [height]="'parent'" [nowIndicator]="true"></p-schedule>

以下我用于我的项目的版本和环境:

非常感谢这方面的任何帮助!

提前致谢!

标签: angularfullcalendarangular6primeng

解决方案


经过大量实验,我可以成功检索事件。以下代码用于相同的目的。

 eventClicked(event) {

    if (event.title) {
      alert('Clicked ' + event.title + '.\n' + 'Will open ' + event.url + ' in a new tab');
      return false;
    } else {
      alert('Clicked ! ' + event.calEvent.title);
    }
  }

推荐阅读