Wie setzen minDate für ng-bootstrap-datepicker

Unten ist der code, den ich benutze, um die minDate-Eigenschaft

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

In der Komponente bin ich die minDate-Einstellung wie unten:

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

Aber der datepicker zeigt noch 2007, als die minDate. Gibt es eine Sache, die fehlt. Lassen Sie mich wissen, falls andere Informationen benötigt werden.

Vielen Dank für Ihre Zeit.

InformationsquelleAutor Anshuman Jasrotia | 2017-03-27

  1. 18

    Aus dem code-snippet sieht es aus wie Sie mit ng-bootstrap von https://ng-bootstrap.github.io/#/components/datepicker. Unter der Annahme, dass ich richtig bin, die Sie verwenden müssen NgbDateStruct (ein Objekt mit Feldern wie year, month, day) anstelle der eingebauten JavaScript - Date Objekt. Stellen Sie zum Beispiel eine min Datum zu Beginn dieses Jahres, die Sie verwenden würden:

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

    Hier ist ein funktionierendes Beispiel in einem plunker: http://plnkr.co/edit/VDEYDwp7QIZDDHatCNPh?p=preview

    InformationsquelleAutor pkozlowski.opensource

  2. 0

    Nur pass [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"/>

    InformationsquelleAutor user1519240

Schreibe einen Kommentar