如何在Angular14的仪表板中创建一个日期选择器搜索?或者，如何通过单击Datepicker来过滤搜索值?<

Question

如何在Angular14的仪表板中创建一个日期拾取器搜索?或者，如何通过单击Datepicker来过滤搜索值?

Html:

<input type="date" style="width: 100%; height: 34px" (change)="SendDataonChange($event)"/>

ts:

SendDataonChange(event: any) {
debugger;
clearTimeout(this.timeout);
var $this = this;
this.timeout = setTimeout(function () {
if (event.keyCode != 13) {
$this.applySearchByDateFilter(event.target.value);
}
}, 500);
}

Html:

<input type="date" style="width: 100%; height: 34px" (change)="SendDataonChange($event)"/>

我希望在单击日期选择器

中的特定日期的基础上得到结果(dashhoard记录视图)

Answer 1

为你做这项工作吗?

<input type="date" [ngModel] ="dt | date:'yyyy-MM-dd'" (change)="dt = $event">

我将向您展示如何将您的约会转换为理想的格式(我猜该格式不适合您的服务电话)。

请让我知道，如果它不工作，我只是根据我的理解回答你的问题