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私のためのトリックでした。値をactiveDateに設定する代わりに、ngModelに設定することができます。また、activeDateは、値オブジェクトが文字列の場合は変換が必要なDateオブジェクトを受け入れます。

ngModelと一緒に機能しなかったので、formControlも削除する必要がありました。

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