如何在Angular14 14中的仪表板中创建数据报头搜索?或者，如何通过单击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)"/>

我期望结果(dashoard视图)基于在datepicker中单击特定日期

Answer 1

这对你有用吗？

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

我正在向您展示如何将您的日期转换为理想的格式(我猜这种格式不适合您的服务调用)。

如果它不起作用，请告诉我，我只是根据我的理解来回答你的问题。