如何从html到ts文件中以角度获取所选日期时间范围的值？

Question

我想在html中选择From Date To Date Range并获取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;