ngb 日期选择器禁用过去的日期 angular

Question

我正在为我的表单使用 ngb 日期选择器。我正在使用下面的代码。它运作良好。我需要禁用过去的日期禁用（用户可以从 select 当前日期开始）。

  <input class="form-control ngbfield" (dateSelect)="loadCheckinTime(checkin.checkdate)"
                                placeholder="yyyy-mm-dd" required name="checkdate" [readonly]="true" #vl="ngModel"
                                [(ngModel)]="checkin.checkdate" ngbDatepicker [markDisabled]="isDisabled"
                                #d1="ngbDatepicker" required>
                            <div class="input-group-append">
                                <button class="btn btn-outline-secondary fa fa-calendar" (click)="d1.toggle()"
                                    type="button"></button>
                            </div>

我如何禁用过去的日期。

Answer 1

您可以使用输入绑定[minDate]

  <input class="form-control ngbfield" [minDate]="minDate"(dateSelect)="loadCheckinTime(checkin.checkdate)"
                            placeholder="yyyy-mm-dd" required name="checkdate" [readonly]="true" #vl="ngModel"
                            [(ngModel)]="checkin.checkdate" ngbDatepicker 
                            #d1="ngbDatepicker" required>

ts 文件

minDate : any;

constructor() {
  const todayDate = new Date();
  this.minDate = {
    year: todayDate.getFullYear(),
    month: todayDate.getMonth() + 1,
    day: todayDate.getDate()
  };
}

ngb 日期选择器禁用过去的日期 angular

ngb date picker disable past date angular

javascript

ng-bootstrap

angular