代码之家 › 专栏 › 技术社区 › Sudhir

事件未显示在Angular6启动计划程序中

primeng angular6 fullcalendar angular

Sudhir · 技术社区 · 6 年前

我想在我的项目中使用Primering 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>

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

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

在此方面的任何帮助都是非常感谢的!

提前谢谢!

1 回复 | 直到 6 年前

Sudhir 6 年前

经过大量的实验,我可以成功地检索事件。下面的代码同样适用。

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

推荐文章

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Thomas Hesselberg · FullCalendar在添加到月视图时更改事件的开始/结束时间

6 年前

Yogi · 搜索无效

6 年前

Chloe Finn · jQuery和引导对话框未出现

6 年前

Pixcelleen88 · 使用ajax模式更新或编辑事件时,无法重新引用事件。完整日历

6 年前

Obelisk · “未捕获错误:视图类型”timelineDay“无效”fullCalendar版本3.9.0

6 年前

user7623641 · 完整日历。io未正确显示

6 年前

scottkekoa · 完整日历-参考资源

6 年前

John DeFalco · jquery fullcalendar将字符前置到标题输出

6 年前

brklja · 使用资源在agendaDay视图中查看非工作日的完整日历营业时间

6 年前