web-dev-qa-db-ja.com

ng-bootstrap datepickerのminDateを設定する方法

以下は、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);
}

ただし、日付ピッカーは2007を引き続きminDateとして表示します。不足しているものはありますか。他の情報が必要な場合はお知らせください。

御時間ありがとうございます。

angulardatepickerng-bootstrap
15
Anshuman Jasrotia

コードスニペットからは、 https://ng-bootstrap.github.io/#/からng-bootstrapを使用しているように見えますcomponents/datepicker 。私が正しいと仮定すると、組み込みJavaScriptの代わりにNgbDateStruct（year、month、dayなどのフィールドを持つオブジェクト）を使用する必要があります。 Dateオブジェクト。たとえば、最小日付を今年の初めに設定するには、次を使用します。

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

プランカーでの作業例を次に示します。 http://plnkr.co/edit/VDEYDwp7QIZDDHatCNPh?p=preview

19
pkozlowski.opensource

[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"/>
2
user1519240