bsDatepicker 使用 formControlName-angular 2+答案

【问题标题】：bsDatepicker using formControlName-angular 2+bsDatepicker 使用 formControlName-angular 2+
【发布时间】：2020-02-13 22:19:02
【问题描述】：

我正在处理这个例子：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 中。我需要在 bsDatepicker 中显示的方式相同。

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

【问题讨论】：

标签： angular angular6 angular7 ngx-bootstrap

【解决方案1】：

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

试试这个：

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

【讨论】：