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

时间:2017-07-26 07:13:43

标签: angular ngx-bootstrap

我正在使用e 4 t 5 a 4 1 2 n 3 d 3 。我希望在加载ngx-bootstrap datepicker时突出显示自定义日期。我有一个存储在某个变量中的日期,并希望选择(突出显示)该日期。

component.ts

date-picker

component.html

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

但这不起作用。默认情况下,即使在设置<datepicker [activeDate]="dob" [showWeeks]="false" [startingDay]="1" [formControl]="form.controls[dob]"></datepicker> 后,也会选择今天的日期。怎么做到这一点?或者我可以使用任何其他属性而不是activeDate吗?是否有任何特定的日期格式?

1 个答案:

答案 0 :(得分:2)

ngModel为我做了诀窍。我们可以将其设置为activeDate,而不是将值设置为ngModel。并且activeDate也接受Date对象,如果值是字符串,则需要转换。

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

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