我想禁用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}" />
最佳答案
对不起,来晚了。我刚刚遇到了这个问题,上面的答案使NgbDatcConfig
的属性发生了变化。该解决方案可以正常工作,但是会影响所有其他NgbDatepicker
实例。推荐的方法是使用API中所述的[minDate]
输入绑定。
您可以在component.html上以这种方式使用它,
<input class="form-control" ngbDatepicker [minDate]="minDate" (click)="datePicker.toggle()" #datePicker="ngbDatepicker"" placeholder="yyyy-mm-dd">
在您的component.ts上,您可以按以下方式定义
minDate
:minDate = undefined;
.
.
constructor(private config: NgbDatepickerConfig) {
const current = new Date();
this.minDate = {
year: current.getFullYear(),
month: current.getMonth() + 1,
day: current.getDate()
};
}