Как получить значение выбранного Date Time Range из html в ts файл в угловых?

Question

Я пытаюсь выбрать диапазон дат от даты в html и получить значение в файле ts.Я использую [owlDateTimeTrigger] модуль.Я не уверен, как вернуть выбранный диапазон дат.

Ниже приведен HTML-код, который я использовал.

<div class="col-md-4"><div class="example-wrapper">                                                              
<label class="example-input-wrapper">   
<label>
Date Time Range:
<input [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1"
[selectMode]="'range'">
<owl-date-time #dt1></owl-date-time (keyup)="dateRange(dt1)" >
</label>
</label>                                               
</div>                                       
</div>

и в моем файле .ts

public dateTime: any;


dateRange(dateTime)
{
  console.log("This is the DATE:" + dateTime);
}

Я получаю вывод, подобный This is the DATE: undefined.Что нужно изменить, чтобы получить точную дату и время?

Answer 1

использовать ngModel

<input [(ngModel)]="dateTimeRange" [owlDateTimeTrigger]="dt1" [owlDateTime]="dt1"
[selectMode]="'range'">
<owl-date-time #dt1></owl-date-time>

value is {{dateTimeRange}}

объявить в .ts

public dateTimeRange: any;