Angular6 PRIMENG调度程序中未显示事件

时间:2018-08-08 14:06:45

标签: angular fullcalendar angular6 primeng

我想在项目https://www.primefaces.org/primeng/#/schedule中使用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>

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

  • Angular CLI:6.0.8
  • 节点:8.11.3
  • 操作系统:win32 ia32
  • 角度:6.0.9

在这方面的任何帮助都将受到高度赞赏!

谢谢!

1 个答案:

答案 0 :(得分:0)

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

 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);
    }
  }