Passing default date range to ng bootstrap dateRangePicker

Question

I'm trying to pass the default date range to ng bootstrap date range picker. Input field doesn't get updated.

  ngOnInit() {
    this.startDate = {year: now.getFullYear(), month: now.getMonth() + 1, day: now.getDate()};
    this.maxDate = { year: now.getFullYear() + 1, month: now.getMonth() + 1, day: now.getDate()};
    this.minDate = {year: now.getFullYear() - 1, month: now.getMonth() + 1, day: now.getDate()};
    let parsed = ' '
    this.fromDate = this.ngbCalendar.getToday();
    this.toDate = this.ngbCalendar.getNext(this.ngbCalendar.getToday(), 'd', 10);
    if(this.fromDate) {
      parsed += this._parserFormatter.format(this.fromDate);
    }
    if(this.toDate) {
      parsed += ' - ' + this._parserFormatter.format(this.toDate);
    }
    //passing default date
    this.model = parsed;
    this.renderer.setProperty(this.myRangeInput.nativeElement, 'value', parsed);
   }

Demo

Answer 1

从 html 中删除[(ngModel)] 。