Angular 在ngx引导日期选择器中动态设置最大日期

我试图在angular中实现一个bs日期范围选择器。在组件加载时，我将mindate设置为当前日期。但是，在选择最小日期后，如何设置最大日期

因为我想限制用户在选择最小日期后3天内不能选择最大日期。例如，如果用户选择2020年4月5日作为开始日期，则用户的最大日期将限制为2020年4月7日。在2020年4月7日之后，天将被禁用

组件HTMl-

<input type="text" 
#dp="bsDaterangepicker"
formControlName="bookingPeriod"
[minDate]="bookingStart"
[maxDate]="bookingEnd"
bsDaterangepicker
[bsConfig]="{ adaptivePosition: true, rangeInputFormat: 'DD MMMM, YYYY', displayOneMonthRange: true }" />

public bookingStart: any = Date;
public bookingEnd: any = ""; 

constructor() {
  this.bookingStart = new Date();
  this.bookingStart.setDate(this.bookingStart.getDate());
}

---

如果您在下面的帮助下稍微修改一下上面的示例，您可以编写如下内容：

datepicker.ts

  bsValue = new Date();
  bsRangeValue: Date[];
  minDate: Date;
  maxDate: Date;

  constructor() {
    this.bsRangeValue = [this.bsValue, this.maxDate];
    this.minDate = new Date();
    this.maxDate = new Date();
    this.minDate.setDate(this.minDate.getDate() + 10);
    this.maxDate.setDate(this.minDate.getDate() + 3);
  }

datepicker.html

  <div class="row">
    <h1>Max Date</h1>
    <div class="col-xs-12 col-12 col-sm-6 col-md-4 form-group">
      <input class="form-control"
             placeholder="Datepicker"
             ngModel
             bsDatepicker
             [minDate]="minDate"
             [maxDate]="maxDate">
    </div>
    <div class="col-xs-12 col-12 col-sm-6 col-md-4 form-group">
      <input class="form-control"
             placeholder="Daterangepicker"
             ngModel
             bsDaterangepicker
             [minDate]="minDate"
             [maxDate]="maxDate">
    </div>
  </div>

最大日期

---

这会对你有所帮助。

工作。。。非常感谢。