我正在使用ngx-bootstrap datepicker v2.0.2。 BsDatepickerConfig就是这样的
客户detail.component.ts
bsConfig: Partial<BsDatepickerConfig>;
ngOnInit() {
this.bsConfig = {
containerClass: "theme-dark-blue",
dateInputFormat: "DD-MM-YYYY"
};
}
客户detail.component.html
<label for="birthday" class="required">Birth date</label>
<div class="input-group">
<input type="text" class="form-control" name="birthDate" bsDatepicker #dpDOB="bsDatepicker" [bsConfig]="bsConfig" formControlName="birthDate" placeholder="Birth date">
<div class="input-group-addon" (click)="dpDOB.show()"><i class="fa fa-calendar"></i></div>
</div>
从FormControl值加载客户的DOB时,例如,值为&#34; 1984-07-26T17:00:00 + 00:00&#34;,客户端时区为UTC / GMT +7。所以我的预期价值是&#34; 27-07-1984&#34;在文本框和日期选择器中。
但它在textbox和datepicker中都显示&#34; 19-07-2026&#34; 。
当我尝试添加值=&#34; {{personalInformation.controls.birthDate.value |日期:&#39; dd-MM-yyyy&#39;}}&#34;
<input type="text" class="form-control" name="birthDate" bsDatepicker #dpDOB="bsDatepicker" [bsConfig]="bsConfig" formControlName="birthDate" placeholder="Birth date" value="{{personalInformation.controls.birthDate.value | date: 'dd-MM-yyyy'}}">
输入文本框可以显示正确的值,但是datepicker仍然显示不正确的值,如下所示。
我认为这是ngx-bootstrap datepicker的错误。你知道这个问题的解决方法吗?
非常感谢。
致以最诚挚的问候,
凯文