Comment définir minDate de ng-bootstrap datepicker

Ci-dessous le code que j'utilise définir le minDate

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

Dans le composant, je suis en train de le minDate comme ci-dessous:

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

Mais le datepicker montre encore 2007 que le minDate. Est-il quelque chose qui manque. Laissez-moi savoir dans le cas où aucune autre information n'est requise.

Merci pour votre temps.

OriginalL'auteur Anshuman Jasrotia | 2017-03-27

  1. 18

    De votre extrait de code on dirait que vous êtes en utilisant ng-bootstrap de https://ng-bootstrap.github.io/#/components/datepicker. En supposant que je suis correct, vous devez utiliser NgbDateStruct (un objet avec des champs comme year, month, day) à la place du JavaScript intégrés Date objet. Par exemple, pour définir un min date de début de cette année, vous utilisez:

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

    Voici un exemple de travail dans un plunker: http://plnkr.co/edit/VDEYDwp7QIZDDHatCNPh?p=preview

    OriginalL'auteur pkozlowski.opensource

  2. 0

    Juste passer [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"/>

    OriginalL'auteur user1519240