javascript - 如何禁用 bsdatePicker 中的 future 日期

Question

我在我的 Angular 项目中使用 bsdatepicker，并且我想禁用该 datePicker 中的所有 future 日期以进行 DOB 选择

import { Component } from '@angular/core';

@Component({
  selector: 'demo-datepicker-datesdisabled',
  templateUrl: './disable-dates.html'
})
export class DemoDatepickerDatesDisabledComponent {
  disabledDates = [
    new Date('2019-02-05'),
    new Date('2019-02-09')
  ];
}



<div class="row">
  <div class="col-xs-12 col-12 col-md-4 form-group">
    <input type="text"
           placeholder="Datepicker"
           class="form-control"
           bsDatepicker
           [datesDisabled]="disabledDates">
  </div>
  <div class="col-xs-12 col-12 col-md-4 form-group">
    <input type="text"
           placeholder="Daterangepicker"
           class="form-control"
           bsDaterangepicker
           [datesDisabled]="disabledDates">
  </div>
</div>

上面的代码可以工作，但我想禁用 future 的 N 个日期

Answer 1

将[maxDate]设置为今天。

<input type="text"
           placeholder="Daterangepicker"
           class="form-control"
           bsDaterangepicker
           [datesDisabled]="disabledDates"
           [maxDate]="today"
>

public today = new Date();