bsDatepicker с использованием formControlName- angular 2+

Question

Я работаю с этим примером: https://valor-software.com/ngx-bootstrap/# / datepicker # реактивный

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>{{ projectFormGroup?.value | json }}</pre> , вывод:

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

На самом деле, я пытаюсь обновить данные. Значение, полученное из API, похоже на 2020/02/18 04:55. Мне нужно показать дату, которая приходит от Api в bsDatepicker.

Например,

В тс,

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

Проблема: Когда я использую этот метод для любого текста такие значения, как имя, оно автоматически отображается в formControlName.Same, как мне нужно показать в bsDatepicker.

Как я автоматически покажу значение из Api ниже,

Answer 1

Необходимо преобразовать строку результата в дату

Попробуйте это:

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