Question

大家好我想使用meanjs app中的日期范围功能过滤基于Due_date的项目（开始日期和结束日期）。然后我尝试了很多方法但无法得到解决方案，如果有人知道解决方案，请帮助我..... My Plunk

请看我的傻瓜参考。
我显示Due_date，因此这是我想要用于过滤的字段。
我使用了一些功能来添加invoice_Date和terms，它提供了Due_date之类的答案。 例如： invoice_date：2016-09-10，条款：6，我得到的答案Due_date：16-09-2016
所以我热切地寻找，我想过滤Due_date作为开始日期和结束日期：例如： - 如果我们选择开始日期，如{{1表格中的结束日期为16-09-2016这两个事务只需要显示或过滤...所以我使用了daterange过滤器来实现这个解决方案，但无法得到解决方案请帮助我们。
如果我们使用ng_module 25-09-2016，则日期范围过滤器工作正常，但我们不知道如何过滤invoice_date字段，请帮助我们.... {{ 3}}

控制器：

Due_date

HTML

.filter('dateRange', function() {
     return function(records, dateKey, from, to) {
       return records.filter(function(record) {
         return !moment(record[dateKey], 'YYYY-MM-DD').isBefore(moment(from))
                && !moment(record[dateKey], 'YYYY-MM-DD').isAfter(moment(to));
            });
        }
    })

过滤器： -

<input type="date" class="form-control" name="from" ng-model="from">

<input type="date" class="form-control" name="to" ng-model="to">

这下面需要过滤表格： -

DUE_DATE： -

ng-repeat="data in  record | dateRange : 'invoice_date' : from : to"

我为参考创建了plunker： - My Plunker

Answer 1

您可以为此

创建自定义过滤器

<强> HTML

 <tr ng-repeat="data in  record | myfilter:from:to">
   <td> {{data.supplier_name}}</td>
   <td> {{data.invoice_date}}</td>
   <td> {{data.terms}}</td>
   <td> {{addDays(data.invoice_date,data.terms) | date:'yyyy-MM-dd'}}</td>
</tr>

<强> JS

 app.filter("myfilter", function() {
      return function(items, from, to) {
            var df = from;
            var dt =to;
            var result = [];   

            for (var i=0; i<items.length; i++){
                var date = new Date(items[i].invoice_date);
                date.setDate(date.getDate() + parseInt(items[i].terms));
                var tf = date;
                if (tf > df && tf < dt)  {
                    result.push(items[i]);
                }
            }   
            return result;
      };
    });

Angularjs根据开始日期和结束日期过滤字段？

1 个答案: