如何在 ngx-bootstrap datepicker 中设置自定义日期答案

【问题标题】：How to set custom date in ngx-bootstrap datepicker如何在 ngx-bootstrap datepicker 中设置自定义日期
【发布时间】：2017-07-27 14:16:07
【问题描述】：

我正在使用ngx-bootstrap datepicker。我希望在加载 date-picker 时突出显示自定义日期。我有一个日期存储在某个变量中，并希望选择（突出显示）该日期。

组件.ts

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

component.html

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

但这不起作用。默认情况下，即使在设置activeDate 之后也会选择今天的日期。如何做到这一点？或者我可以使用任何其他属性来代替activeDate？日期有什么特殊的格式吗？

【问题讨论】：

【解决方案1】：

ngModel 帮了我大忙。我们可以将其设置为ngModel，而不是将值设置为activeDate。 activeDate 也接受一个 Date 对象，如果值是字符串，则需要转换。

我也必须删除 formControl，因为它不能与 ngModel 一起使用。

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

【讨论】：