angular - 如何在 Angular 4 的 ngbDatepicker 中禁用上一个日期？

Question

我想禁用 ngbDatepicker 中的所有上一个/过去日期，
我用过 ngbDatepicker 。
我的 HTML 是:

<input required class="form-control" placeholder="dd-MM-YYYY" name="startDate" required ngbDatepicker #d="ngbDatepicker"
            [readonly]="true" [formControl]="formModel.controls.startDate" [ngClass]="{'has-error':!formModel.controls['startDate'].valid && formModel.controls['startDate'].touched}" />

Answer 1

您可以创建 NgbDatepickerConfig 的实现，指定何时开始和结束您的选择器。

这里有一个例子:

网址:

<div class="form-group">
  <div class="input-group">
    <input class="form-control" placeholder="yyyy-mm-dd" name="dp"[markDisabled]="isDisabled" ngbDatepicker #d="ngbDatepicker">
    <button class="btn btn-outline-secondary" (click)="d.toggle()" type="button">
    </button>
  </div>
</div>

组件.ts

constructor(config: NgbDatepickerConfig) { 

    const currentDate = new Date();

    config.minDate = {year:currentDate.getFullYear(), month:currentDate.getMonth()+1, day: currentDate.getDate()};
    config.maxDate = {year: 2099, month: 12, day: 31};

    config.outsideDays = 'hidden';
  }

您还可以使用此功能禁用特定日期，请按照此 link 了解更多信息，请检查:“日期选择器的全局配置”部分。