AngularJS日期范围过滤器

时间:2013-12-21 01:43:13

标签: angularjs date date-range

我想在AngularJS中获得一个过滤器,允许我在某个日期之间过滤事件。例如:

<!doctype html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>            
</head>
<body ng-init="data = [{name : 'Hike', date : '23/09/2013'}, {name : 'Museum visit', date : '25/09/2013'}, {name : 'Trip to Paris', date : '01/10/2013'}]">
  <label>Date:</label>
  <input type="text" ng-model="event.date" placeholder="Enter a name here">
  <table>
  <th>Date</th>
  <th>Name</th>
  <tr ng-repeat="event in data | filter:event">
      <td>{{event.date}}</td>
      <td>{{event.name}}</td>
  </tr>
  </table>


</body>
</html>

有了这个,我可以查看一个日期,看看是否有该日期的事件,但我想得到一个日期范围。我看了this daterange-picker,但我不知道如何整合它以便它可以与表一起使用。

0 个答案:

没有答案