Angular 6 проблема с датой в реактивной форме - PullRequest
Новая
       12

Angular 6 проблема с датой в реактивной форме

0 голосов
/ 14 января 2020

У меня есть одна проблема, и я действительно не знаю, как ее решить. Может быть связано с Angular циклами или ... Случай следующий: На форме два поля ввода текста с кнопкой, которая открывает диалог с датчиком. После того как дата выбрана и подтверждена в диалоговом окне, она обновляется в поле ввода «От», а другая дата «До» вычисляется и обновляется во втором текстовом поле. После того, как эти значения показаны, иногда я вижу их правильно отформатированными, а иногда не так, как будто datepipe не работает, или проблема в другом месте, но я не вижу его.

Ниже приведены изображения из проекта:

enter image description here

enter image description here

enter image description here

getVisitStartDate() {
    const data: DatePickerData = {
      minDate: new Date()
    };
    this.openDateDialog(data).afterClosed().subscribe(
      (selectedDate: Date) => {
        if (selectedDate) {
          this.validFrom.patchValue(selectedDate);
          this.calculateEndDate();
        }
      }
    );
  }

 calculateEndDate() {
    if (this.validFrom.value && this.visitQuantity.value) {
      this.validTo.patchValue(this.globalService.calculateEndDate(this.validFrom.value, +this.visitQuantity.value));
    }
  }

  get validFrom() {
    return this.visitorsFormGroup.get('validFrom');
  }

                    <div class="input-group mb-1">
                      <input id="valid-from" class="form-control" type="text"
                        [value]="validFrom.value | date:'dd.MM.yyyy. HH:mm'" formControlName="validFrom">
                      <div class="input-group-append">
                        <button class="btn btn-tool" type="button" (click)="getVisitStartDate()"><i
                            class="fa fa-calendar"></i></button>
                      </div>
                    </div>

Была бы признательна за помощь. Спасибо.

Желько

...