app.js
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.name = 'World';
});
app.controller('ExampleController', ['$scope', '$filter', function($scope, $filter) {
var orderBy = $filter('orderBy');
$scope.Stores = [
{ name: 'John', phone: '555-1212', age: '2011-06-11T00:00:00.000Z' },
{ name: 'Mary', phone: '555-9876', age: '2011-06-12T00:00:00.000Z' },
{ name: 'Mike', phone: '555-4321', age: '2011-07-13T00:00:00.000Z' },
{ name: 'Adam', phone: '555-5678', age: '2011-05-14T00:00:00.000Z' },
{ name: 'Julie', phone: '555-8765', age: '2011-06-15T00:00:00.000Z' }
];
$scope.order = function(predicate) {
$scope.predicate = predicate;
$scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : false;
$scope.friends = orderBy($scope.friends, predicate, $scope.reverse);
};
$scope.order('age', true);
}]);
HTML ЧАСТЬ:
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="[email protected]" src="https://code.angularjs.org/1.4.9/angular.js" data-semver="1.4.9"></script>
<script src="app.js"></script>
</head>
<body ng-controller="ExampleController">
<pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
<table class="friend">
<tr>
<th>
<button ng-click="order('name')">Name</button>
<span class="sortorder" ng-show="predicate === 'name'" ng-class="{reverse:reverse}"></span>
</th>
<th>
<button ng-click="order('phone')">Phone Number</button>
<span class="sortorder" ng-show="predicate === 'phone'" ng-class="{reverse:reverse}"></span>
</th>
<th>
<button ng-click="order('age')">Age</button>
<span class="sortorder" ng-show="predicate === 'age'" ng-class="{reverse:reverse}"></span>
</th>
</tr>
<tr ng-repeat="user in Stores|orderBy:predicate:reverse">
<td>{{user.name}}</td>
<td>{{user.phone}}</td>
<td>{{user.age | date:'d MMM yyyy'}}</td>
</tr>
</table>
</body>
</html>
Вот ссылка на plunker: sorting date in reverse order
вы можете хранить даты в ISO 8601 строки, которые, естественно, своего рода и использования Фильтр даты уклона для отображения даты.
Нашел хороший пример vojtajina. Вот для чего это jsfiddle.
http://jsfiddle.net/vojtajina/rvdww/6/
В чем проблема? Как выглядят ваши данные? –