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

Question

大家好，我想使用 meanjs 应用程序中的 daterange 功能过滤基于 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 and end date is 25-09-2016 在表中这两个交易只需要显示或过滤...所以我使用了daterange过滤器来实现这个解决方案，

• 我可以完美地过滤开始日期，但无法过滤结束日期，如果我们选择结束日期未在表中显示正确的交易..示例:- startdate :- 16-09-2016 那么如果我们选择 end date 像 28-09-2016 ，它应该需要显示三个交易，但表中只显示两个交易.... My Plunker

Controller :

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