如何在ngx-bootstrap中設置自定義日期datepicker

Question

我正在使用ngx-bootstrap datepicker。我想要一個自定義日期在date-picker加載時突出顯示。我有一個日期存儲在一些變量，並希望選擇日期（突出顯示）。

component.ts

private dob : string = '2017/07/07'; 

component.html

<datepicker [activeDate]="dob" [showWeeks]="false" [startingDay]="1" [formControl]="form.controls[dob]"></datepicker> 

但是，這是行不通的。默認情況下，即使在設置activeDate後，也會選擇今天的日期。如何實現這一目標？或者是否有任何其他屬性可以使用，而不是activeDate？有沒有特定的日期格式？

Answer 1

ngModel爲我做了詭計。我們可以將其設置爲ngModel，而不是將值設置爲activeDate。而且activeDate接受一個Date對象，如果該值是一個字符串，則需要進行轉換。

我不得不刪除formControl，因爲它沒有與ngModel一起工作。

<datepicker [(ngModel)]="dob" [showWeeks]="false" [startingDay]="1" (selectionDone)="showDatePicker = false"; ></datepicker>