javascript-如何以角度获取从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;