PrimeNG计划自定义按钮

Question

可以在PrimeNG计划组件中使用完整的日历自定义按钮吗？

我尝试通过@ViewChild（"calendar-id"）使用ElementRef，但是我得到了p-shedule对象类型，没有任何fullCalendar方法。

customButtons: {
    myCustomButton: {
        text: 'custom!',
        click: function() {
            alert('clicked the custom button!');
        }
    }
},

自定义按钮文档总理计划文档

Answer 1

今天最好的

方法是制作自己的按钮。它可以通过日历@ViewChild（"日历ID"）的ElementRef来完成。

@ViewChild('calendar-id') calendar;
ngAfterViewInit(): void {
    this.calendar.*;
}

其中 * 是 PrimeNG 计划文档中的函数 - 方法

Answer 2

您可以通过以下方式获取完整的日历：

@ViewChild('calendar-id') calendar;
ngAfterViewInit(): void {
    this.calendar.schedule.fullCalendar('<method>');
}

未记录 PrimeNG Schedule 对象的schedule成员。我从实现中发现了它。

Answer 3

您可以使用 Schedule 的 "options" 属性实现您想要的。

public options : any = {};
...
ngOnInit() {
    this.options.customButtons = {
        myCustomButton: {
            text: 'myCustom',
            icon: 'fa-check',
            click: r => {console.log("clicked");}
          }
    }

在模板中：

   <p-schedule #cal [events]="events" locale="es" [height] ="750" [header]="headerConfig" [options]="options">
 </p-schedule>

希望对你有帮助