Question

我正在寻找所有网络，但没有针对我的案件的解决方案。我需要按日期开始和日期结束过滤Json结果。

我使用Angular 7，此“ dateRangeFilter”仅用于例如我的代码如下：

<tr *ngFor="let caixa of result | dateRangeFilter: '08/03/2019' , '14/03/2019' ">
            <td>{{caixa.tipo}}</td>
            <td>{{caixa.data}}</td>
            <td>{{caixa.hora}}</td>
            <td>{{caixa.cliente}}</td>
            <td>{{caixa.valor | currency:'BRL':symbol:'1.2-2'}}</td>
 </tr>

Answer 1

不建议使用管道进行过滤（出于性能原因）。更好的解决方案是使用标准JS / ES6 / ..构造在将数据绑定到视觉表示之前对其进行过滤。您可以对.filter使用一些自定义过滤器逻辑。

您可以在一个现有的帖子中找到一个示例：Filter Array in Array by date between 2 dates

提取：

data.series = data.series.filter((item: any) =>
    item.date.getTime() >= fromDate.getTime() && item.date.getTime() <= toDate.getTime()
);

Answer 2

太好了，非常感谢。我使这段代码正常工作。

但是我要获取Inputs Date的date Begin和date End以及它不读取变量的过滤器功能：

function dataRange(obj) {
if (obj.id >= this.dateBegin && obj.id <= this.dateEnd) {
return true;
 }
}

但是如果我输入一个String Date，请运行完美！！

function dataRange(obj) {
if (obj.id >= "2019-03-01" && obj.id <= "2019-03-05") {
return true;
 }
}

我如何使用可变日期？

Angular2或最新的日期范围管道

2 个答案: