Question

我是角度JS的新手。我有一个格式化为d MMM y.的日期但是我有两个字段，一个是从其中调用的，另一个是根据年份范围或月份范围过滤date作为范围。她是我对数据进行排序的方式。

   <div class="transition-item col-md-12" ng-repeat="trn in Transactions">
<div  id="{{'containerOf'+trn.TrnID}}" class="expand-trigger" 
   ng-click="expandTrns('containerOf'+trn.TrnID,'contentOf'+trn.TrnID)">
   <span class="glyphicon glyphicon-plus"></span> 
   <span class="glyphicon glyphicon-minus"></span>
</div>
<div class="col-md-7 transition-desc"><span ng-class="{'glyphicon glyphicon-arrow-up green-clr': trn.TrnType , 'glyphicon glyphicon-arrow-down red-clr': !trn.TrnType}"></span> {{trn.TrnSubject}}</div>
<div class="col-md-2 transition-amount">{{trn.TrnAmount | currency}}</div>
<div class="col-md-2 transition-date"><small>{{trn.TrnDate | date:"EEE, d MMM y"}}</small></div>

她是表格

<div class="left form-inline col-md-8">
                 <div class="col-md-5">
                  from :
                  <input class="form-control" type="text" ng-model="one">
                 </div>

                 <div class="col-md-5">
                   to :
                  <input class="form-control" type="number" ng-model="two">
                 </div>
                </div>
              </div>
              <div class="sorting">
                <div class="left ">
                Sort :
              </div>
              <div class="btn-toolbar">
                <div class="btn-group">
                  <a class="btn btn-primary" href="#fakelink"><span class="glyphicon glyphicon-arrow-up"></span></a>
                  <a class="btn btn-primary" href="#fakelink"><span class="glyphicon glyphicon-arrow-down"></span></a>
                </div>
              </div> <!-- /toolbar -->
              </div>
            </div>

Answer 1

试试这个：

时刻范围JS非常有用。

Click HERE to check it

Answer 2

编辑后您的问题仍然不明确，因此我会尝试猜测您要使用输入月份范围过滤集合的Date属性。以下是filter：

的使用方法

<div class="transition-item col-md-12" ng-repeat="trn in Transactions | filter:inMonthRange">

inMonthRange是在范围上定义的自定义过滤器函数，用于检查日期月份。

$scope.inMonthRange = function(t){
  return t.dateField.getMonth() + 1 >= $scope.from && t.dateField.getMonth() +1 <= $scope.to;
}

您可以参考此Plunker作为工作示例。过滤年份类似。

如何在角度js年或月上应用范围日期过滤器？

2 个答案: