我如何使用 Angularjs 过滤结束日期？

Question

大家好，我想使用 meanjs 应用程序中的 daterange 功能过滤基于 Due_date 的（开始和结束日期）等项目...... My Plunk

请看我的博主参考
我有显示Due_date，所以这是我想用来过滤的字段。
我使用了一些功能来添加 invoice_Date 和 terms，它提供了类似 Due_date 的答案。 例如：- invoice_date : 2016-09-10, 术语: 6, 我得到的答案 Due_date : 16-09-2016
所以我非常期待，我想过滤 Due_date 作为开始日期和结束日期：例如：- 如果我们select 开始日期像 16-09-2016 结束日期是 25-09-2016 in table 这两个交易只需要显示或过滤...所以我使用 daterange 过滤器来实现这个解决方案,
我可以完美地过滤 start date，但无法过滤 End date，如果我们 select End date 它没有显示正确的交易在 table.. 示例 :- startdate :- 16-09-2016 那么如果我们 select end date 喜欢 28-09 -2016年，本应显示三笔交易，但在table中只显示了两笔交易... My Plunker

控制器：

 .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]);
            }
        }   
         console.log(items);
        return result;
  };
});

Html:

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

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

过滤器：-

ng-repeat="data in  record | myfilter:from:to"

下面的字段需要在 table 中过滤：-

Due_date:-

<td> {{addDays(data.invoice_date,data.terms) | date:'dd-MM-yyyy'}}</td>

我创建了 plunker 以供参考：- My plunker

Answer 1

您应该尝试 Moment 进行日期时间操作，

var date = moment(items[i].invoice_date).add(items[i].terms,'d');
if(date.isAfter(from) && date.isBefore(to)){
  .....
}

我如何使用 Angularjs 过滤结束日期？

How Can I Filter End Date Using Angluarjs?

html

css

angularjs

meanjs