bsDatepicker 使用 formControlName-angular 2+

Question

我正在处理这个例子：https://valor-software.com/ngx-bootstrap/#/datepicker#reactive

HTML

     <form class="clearfix" [formGroup]="projectFormGroup">  
       <label for="targetDate" class="col-form-label">Target Date</label>
       <input type="text"
            placeholder="Datepicker"
            class="form-control"
            bsDatepicker
            [bsConfig]="{ adaptivePosition: true }" formControlName="targetDate">
     </form>

当我使用 <pre><pre>{{ projectFormGroup?.value | json }}</pre></pre> 检查值时，输出是

{
 "targetDate": "2020-02-18T04:55:34.000Z"
 }

实际上，我正在尝试更新数据。来自 API 的值类似于 2020/02/18 04:55。我需要在 bsDatepicker 中显示来自 Api 的日期。

例如，

在 ts,

 this.projectFormGroup.patchValue({
          targetDate:project.targetDate
  });

问题：当我将此方法用于名称等任何文本值时，它会自动以 formControlName.Same 方式显示，我需要在 bsDatepicker 中显示。

我将如何从下面的 Api 中自动显示值，

Answer 1

您必须将结果字符串转换为日期

试试这个：

this.projectFormGroup.patchValue({
          targetDate:new Date('project.targetDate')
});

bsDatepicker 使用 formControlName-angular 2+

bsDatepicker using formControlName-angular 2+

angular

angular6

angular7

ngx-bootstrap