Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 如何在Angular 7中使用datepicker对数据进行排序?_Node.js_Angular - Fatal编程技术网

Node.js 如何在Angular 7中使用datepicker对数据进行排序?

Node.js 如何在Angular 7中使用datepicker对数据进行排序?,node.js,angular,Node.js,Angular,我有一个应用程序,我从数据库Postgres获取数据,并以表格格式显示在前端。我有来自ngx引导的datepicker,希望根据显示表的输入对日期进行排序。实现这一点有些棘手,因为orderByPipes已经不推荐使用 一个类似的解决方案是,但当datepicker出现问题时,这同样不能解决问题 我尝试过实现auth0教程,但这里主要是以排序方式对日期进行排序,而不是基于日期选择器输入 日期选择器的ngx引导代码 <div class="row"> <div class="

我有一个应用程序,我从数据库Postgres获取数据,并以表格格式显示在前端。我有来自ngx引导的datepicker,希望根据显示表的输入对日期进行排序。实现这一点有些棘手,因为orderByPipes已经不推荐使用

一个类似的解决方案是,但当datepicker出现问题时,这同样不能解决问题

我尝试过实现auth0教程,但这里主要是以排序方式对日期进行排序,而不是基于日期选择器输入

日期选择器的ngx引导代码

<div class="row">
  <div class="col-xs-12 col-12 col-md-4 form-group">
  <input type="text" class="form-control" #dp="bsDatepicker" bsDatepicker [(bsValue)]="bsValue">
  </div>
</div>

我想用datepicker实现的是,当我从中选择日期时,我希望我的应用程序以降序/升序的方式显示特定日期的数据。我不想更改后端数据,只需对前端显示进行排序。

您可以侦听日期选择器的bsValueChange=onValueChange$event事件,并在每次日期更改时筛选您的数据。

要按哪列排序?因为你只有一次约会。如果您能提供组件ts和html代码,这将非常有用。我想按日期列排序,但我想对与之相关的所有数据进行排序。添加了标记组件的代码,ts代码实际上除了bsValue和对获取数据的服务的订阅之外没有任何内容。
<div *ngFor="let rep of report">
  <tr>
    <th>{{rep.Date | date : fullTime}}</th>
    <th>{{rep["1"]}}</th>
    <th>{{rep["2"]}}</th>
    <th>{{rep["3"]}}</th>
    <th>{{rep["4"]}}</th>
    <th>{{rep["5"]}}</th>
    <th>{{rep["6"]}}</th>
    <th>{{rep["7"]}}</th>
    <th>{{rep["8"]}}</th>
  </tr>
</div>
  bsValue = new Date();