ng-repeat按日期范围过滤数据

Question

我正在尝试通过键入日期范围来过滤包含时间戳的列表

例如：

的jsfiddle

HTML

<div ng-app="tst">
    <div ng-controller="MyController">
        <table>
            <tr>
                <td>From:                    <input ng-model="query.date1" type="text" placeholder="" />
                </td>
                <td>To:                    <input ng-model="query.date2" type="text" placeholder="" />
                </td>
            </tr>

            <tr ng-repeat="order in orders |filter:query">
                <td>{{order.date1 * 1000 | date:'dd-MM-yyyy'}}</td>
                <td>{{order.date2 * 1000 | date:'dd-MM-yyyy'}}</td>
            </tr>
        </table>
    </div></div>

JavaScript的

var nameSpace = angular.module('tst',[]);nameSpace.controller('MyController', function MyController($scope) {
  $scope.orders = [
  {
    "date1":"1306487800",
    "date2":"1406587800"
  },
  {
    "date1":"1196487800",
    "date2":"1406597800"
  }]});

我希望能够用值填充“发件人”字段：27-05-2010

并且“ To”字段的值为：29-07-2015

并仅获取该范围内的记录。

（示例中的第一条记录）。

谢谢分配阿维

Answer 1

对于时间操纵，我强烈建议使用诸如momentJS之类的库；使用momentJS和现代浏览器，可以以非常声明的方式实现：.filter('dateRange', function() {   return function(items, startDate, endDate) {     //an undefined startDate is converted to the beginning of time     startDate = startDate || 0;     const granularity = null // can be 'days', ... see momentJS doc     //you need support for array.prototype.filter and arrow functions; i.e. IE sucks/needs a polyfill        return items.filter(item => moment(item).isBetween(startDate, endDate, granularity, '[]'));   }}