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

Question

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

• 请查看我的 plunker 以供参考。

• 我已经显示Due_date，所以这是我要用于过滤的字段。

• 我使用了一些功能来添加invoice_Date 和terms，它提供了类似Due_date 的答案。 例如：- invoice_date：2016-09-10，terms：6，我得到的答案 Due_date：16-09-2016

• 所以我要寻找的是，我想过滤 Due_date 作为开始日期和结束日期：例如：- 如果我们选择像 16-09-2016 这样的开始日期并结束表中的日期为25-09-2016 这两个事务只需要显示或过滤...所以我使用了日期范围过滤器来实现此解决方案，

• 我可以完美过滤start date，但无法过滤End date，如果我们选择End date，它不会在表中显示正确的交易..示例：- startdate :- 16-09-2016 那么如果我们选择 end date 就像 28-09-2016 一样，它应该需要显示三个事务，但表中只显示两个事务.... 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"

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

截止日期：-

<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)){
  .....
}