fullCalendar-如何取消选择选定日期的日期

Question

当我们单击特定的选定日期时，我试图取消选择日期。 请检查我下面的代码和所附的屏幕截图。

export class OfcalendarComponent implements OnInit {
  calendarOptions: Options;
  displayEvent: any;
  dateStartObj:any;
  dateEndObj:any;
  dateRange:any = [];
  isDateFound:boolean= false;

  @ViewChild(CalendarComponent) ucCalendar: CalendarComponent;
  constructor() { }

  ngOnInit() {
    this.calendarOptions = {
    editable: true,
    eventLimit: false,
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month'
    },
    dragScroll:false,
    selectable: true,
    events: [],
  };

}

select(model: any) {
  console.log(">>>>>>>>>>>>>>>>>>>>");
  /* event starts date  */
  this.dateStartObj = model.start._d;
  let startMonth = ("0" + (this.dateStartObj.getMonth() + 1)).slice(-2);
  let startDate = ("0" + (this.dateStartObj.getDate() + 1)).slice(-2);
  let dateStartFormat = this.dateStartObj.getFullYear() + "-" + startMonth  + "-" + startDate;


  this.isDateFound = false;
  /* check value is already present in array or not */
  for (let i=0; i < this.dateRange.length; i++) {
    if (this.dateRange[i].start == dateStartFormat) {
        this.dateRange.splice(i, 1);
        this.isDateFound = true;
        break;
    }
  }    
 /* push element in array */
  if(!this.isDateFound){
    this.dateRange.push({title  : 'event2',start  : dateStartFormat,rendering: 'background'});
    this.ucCalendar.fullCalendar('unselect', true);
  }
  this.calendarOptions.events = this.dateRange;
  this.ucCalendar.fullCalendar('renderEvents', this.dateRange, true);
  console.log(this.dateRange);

 }


 }

当我单击所选日期时，该日期将从数组中删除，但选择仍然像以前一样。 任何人都可以让我知道如何进一步进行吗？