Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/29.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何在完整日历中的定期事件中排除事件_Angular_Typescript_Fullcalendar - Fatal编程技术网

Angular 如何在完整日历中的定期事件中排除事件

Angular 如何在完整日历中的定期事件中排除事件,angular,typescript,fullcalendar,Angular,Typescript,Fullcalendar,我想排除整个日历上的单个事件,我不知道如何做 我尝试使用excludedDate:{days:}属性,但id无效 我想使thsi代码从重复事件中排除单个事件,我尝试过,但在ui中不起作用 import { Component, OnInit, ViewChild } from '@angular/core'; import { CalendarComponent } from 'ng-fullcalendar'; import { Options } from 'fullcalendar'; i

我想排除整个日历上的单个事件,我不知道如何做

我尝试使用excludedDate:{days:}属性,但id无效 我想使thsi代码从重复事件中排除单个事件,我尝试过,但在ui中不起作用

import { Component, OnInit, ViewChild } from '@angular/core';
import { CalendarComponent } from 'ng-fullcalendar';
import { Options } from 'fullcalendar';
import { EventSesrvice } from './event.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit  {
  calendarOptions: Options;
  displayEvent: any;
  events = null;
  @ViewChild(CalendarComponent) ucCalendar: CalendarComponent;
  constructor(protected eventService: EventSesrvice) { }

  ngOnInit() {
    this.calendarOptions = {
      editable: true,
      eventLimit: false,
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay,listMonth'
      },
      events: []
    };
  }
  loadevents() {
    this.eventService.getEvents().subscribe(data => {
      this.events = data;
    });
  }
  clickButton(model: any) {
    this.displayEvent = model;
  }
  dayClick(model: any) {
    console.log(model);
  }
  eventClick(model: any) {
    model = {
      event: {
        id: model.event.id,
        start: model.event.start,
        end: model.event.end,
        title: model.event.title,
        allDay: model.event.allDay
        // other params
      },
      duration: {}
    };
    this.displayEvent = model;
  }
  updateEvent(model: any) {
    model = {
      event: {
        id: model.event.id,
        start: model.event.start,
        end: model.event.end,
        title: model.event.title
        // other params
      },
      duration: {
        _data: model.duration._data
      }
    };
    this.displayEvent = model;
  }
}
也没有收到任何错误消息


我尝试过使用属性excludedDate:new Date('2017/8/29'),但不起作用

中哪里提到“excludedDate”作为选项?我在那页或其他任何地方都看不到。你从哪里得到这个主意的??这只是猜测还是什么?无论如何,由于您没有提供任何实际的事件数据,我们不知道您如何指定重复(如果有),因此我们无法轻松帮助您。无论如何,我不认为您可以使用简单的重复事件功能排除特定的一天。您可能可以通过,但您必须研究RRule规范,看看是否有可能做到这一点。你可以毫不费力地研究它。检查一下,如果你找到了,试试看。如果你陷入困境,再问一次如果这不可能,我能想到的唯一其他选择是:将重复序列分成两个单独的序列,第一个在你希望排除的日期之前结束,第二个在该日期之后再次开始。或者,在通过定期规则将特定事件加载到日历中后,您必须编写一些代码来再次删除该事件(但我甚至不确定在fullCalendar中识别单个定期实例有多容易/可能)。可能会单独返回-试试看。我有数据实际让数据:any=[{title:'Event title 1',dow:'1,2,3,4,5',startTime:'02:00',endTime:'04:00',startRecur:'2019-09-15',endRecur:'2019-10-15'} ]; 返回(数据);我正在尝试做排除但不工作我有一篇文章,他们正在使用纯javascript,但使用angular,我没有通过这个链接,请帮助我