ng-datetime-picker с реактивной формой

Я использую ngDateTimePicker(ng-pick-datetime) с "rangeFrom" и "rangeTo" selectMode. Выглядит два поля, связанных со свойством dateTimeRange. Как я могу выглядеть так, но использовать БЕЗ ngModel? Потому что я хотел бы использовать его с Reactive Forms?

<div>
  <mat-form-field>
    <input
      matInput #refInputFrom required readonly
      [placeholder]="placeholderFrom"

      [(ngModel)]="dateTimeRange"
      (ngModelChange)="onModelChangedFrom($event)"

      [selectMode]="'rangeFrom'"
      [owlDateTimeTrigger]="dtFrom" [owlDateTime]="dtFrom"
    >
    <owl-date-time #dtFrom></owl-date-time>
    <mat-error>
      Required Field!
    </mat-error>
  </mat-form-field>
  <mat-form-field>
    <input
      matInput #refInputTo required readonly
      [placeholder]="placeholderTo"

      [(ngModel)]="dateTimeRange"
      (ngModelChange)="onModelChangedTo($event)"

      [selectMode]="'rangeTo'"
      [owlDateTimeTrigger]="dtTo" [owlDateTime]="dtTo"
    >
    <owl-date-time #dtTo></owl-date-time>
    <mat-error>
      Required Field!
    </mat-error>
  </mat-form-field>
</div>

0 ответов

Другие вопросы по тегам