2

嗨,希望你能在这方面帮助我

我正在使用 Angular 10 和完整日历 v5,我想知道如何在点击它时将事件添加到当天

export class CalendarComponent implements OnInit{

  nomaction;

  constructor(public dialog: MatDialog) { }

  ngOnInit(): void {
    
  }


calendarOptions: CalendarOptions = {
    initialView: 'dayGridMonth',
    weekends: true,
    dateClick: this.handleDateClick.bind(this), // bind is important!
    events: [
      { title: 'event 1', date: '2020-08-20' },
      { title: 'event 2', date: '2020-08-21' }
    ]
  };

  handleDateClick(arg) {
  
    const dialogRef = this.dialog.open(AddeventComponent, {
      width: '250px',
      data: {nomaction: this.nomaction}
    });

    dialogRef.afterClosed().subscribe(result => {
      this.nomaction = result.nomaction;
      this.calendarOptions.events = [{ title: this.nomaction, date: arg.dateStr }];//a code for adding an event into the day
      console.log('action',this.nomaction);
    });

   
  }

  toggleWeekends() {
    this.calendarOptions.weekends = !this.calendarOptions.weekends 
     }

 }

this.calendarOptions.events 不是数组,所以我不能使用 push 来添加对象!

如何在不丢失第一个数据的情况下添加它!

4

1 回答 1

1

在您的日历选项中添加:

calendarOptions: CalendarOptions = {
    initialView: 'dayGridMonth',
    weekends: true,
    dateClick: this.handleDateClick.bind(this), // bind is important!
    events: [
      { title: 'event 1', date: '2020-08-20' },
      { title: 'event 2', date: '2020-08-21' }
    ],
    dateClick:function (info) {
        console.log("See day infos: ",info);
    }
  };

我让你这里的文档

于 2021-07-01T15:26:23.010 回答