AngularJS 订单按日期

Question

我有这样的东西:

  <div ng-repeat="i in inv">
      <p>{{i.dueDate}}</p>
  </div>

我想先按最早的日期订购。我知道有办法做到这一点，但我无法弄清楚。有人可以帮忙吗？

这是示例 js:

 $scope.inv = [
    {
        name: "Paul",
        dueDate: "5/21/2014"
    },
    {
        name: "Dan",
        dueDate: "5/22/2014"
    },
    {
        name: "Randy",
        dueDate: "1/12/2015"
    }
 ];

Answer 1

您必须定义一个定制器函数，然后在 orderBy 表达式中使用它。例如:

$scope.dueDateFormatter = function(i) {
   var dateParts = i.dueDate.split(/\//);
   return dateParts[2] 
       + '-' + (dateParts[0] < 10 ? '0' + dateParts[0] : dateParts[0]) 
       + '-' + (dateParts[1] < 10 ? '0' + dateParts[1] : dateParts[1]);
};

<div ng-repeat="i in inv | orderBy:dueDateFormatter">
   <p>{{i.dueDate}}</p>
</div>

Demo 。该函数基本上对日期字符串进行重新排序，以便年在前，月在后，日在最后。如果您使用 moment.js 或类似的库，则可以使用它们的解析器。