如何为ng-bootstrap datepicker设置minDate

Question

下面是我用来设置minDate的代码

 <input ngbDatepicker #d="ngbDatepicker"  [minDate]="minDate" [formControl]="Form.controls['dateOfBirth']">

在组件中,我将minDate设置如下:

public minDate: Date = void 0; 
constructor() {
    this.minDate = new Date(1950, 1, 1);
}

但是,datepicker仍然将2007年视为minDate.有没有遗漏的东西.如果需要任何其他信息,请告诉我.

谢谢你的时间.

Answer 1

从您的代码片段看起来您正在使用来自https://ng-bootstrap.github.io/#/components/datepicker的ng-bootstrap.假设我是正确的,你需要使用(对象与像场,,),而不是内置的JavaScript 对象.例如,要将最小日期设置为今年年初,您将使用:NgbDateStructyearmonthdayDate

this.minDate = {year: 2017, month: 1, day: 1};

以下是一个关于plunker的工作示例:http://plnkr.co/edit/VDEYDwp7QIZDDHatCNPh？p = preview

Answer 2

只需通过[minDate]="{year: 1980, month: 1, day: 1}"：

<input type="text" [(ngModel)]="date"  ngbDatepicker #d="ngbDatepicker" (focus)="d.open()" [minDate]="{year: 1980, month: 1, day: 1}" name="date" class="form-control"/>