根据日期Angularjs创建过滤器

Question

我正在将此JSON加载到我的angular应用程序中：

http://www.football-data.org/teams/354/fixtures/?callback=JSON_CALLBACK

我只想加载即将到来的固定装置，即只显示晚于当前时间的固定装置详细信息。

我有一个这样的控制器：

 .controller('fixturesController', function($scope, $routeParams, footballdataAPIservice) {
    $scope.id = $routeParams.id;
    $scope.fixtures = [];
    $scope.pageClass = 'page-fixtures';
    footballdataAPIservice.getFixtures($scope.id).success(function (response) {
        $scope.fixtures = response; 
    }); 
});

HTML

<tr ng-repeat="fixture in fixtures.fixtures">
        <td>{{$index + 1}}</td>
        <td>{{teamName(fixture.awayTeam)}}</td>

不知道如何做到这一点，尤其是使用我的时间和日期格式："2015-03-14T15:00:00Z"

Answer 1

日期转换的格式已经正确，所以您只需要自己创建一个过滤器。

我只想创建一个自定义过滤器，就像我放在这里的那个。根据您的需要进行调整。

angular.module('yourApp')
    .filter('greaterThan', function() {
        return function (actualDate, comparisonDate) {
            return Date(actualDate) > Date(comparisonDate);
        };
    });

然后你的HTML可能看起来像这样：

<tr ng-repeat="fixture in fixtures.fixtures | greaterThan:fixture.date:'2015-03-14T15:00:00Z'">
    ...
</tr>