ngx-bootstrap datepicker使用dateInputFormat DD-MM-YYYY加载不正确的日期

时间:2018-02-21 08:36:37

标签: angular datepicker ngx-bootstrap

我正在使用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;

enter image description here

当我尝试添加值=&#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仍然显示不正确的值,如下所示。

enter image description here

我认为这是ngx-bootstrap datepicker的错误。你知道这个问题的解决方法吗?

非常感谢。

致以最诚挚的问候,

凯文

0 个答案:

没有答案