如何排序使用Angular.js和ngRepeat

Question

时间属性这是我的样本数据

{ 
    "day": "Sunday", 
    "count": [{ 
     "desc": "sunday one event" 
    }, { 
     "j": [{ 
      "start": "11:00 pm" 
     }, { 
      "end": "11:51 pm" 
     }] 
    }, { 
     "desc": "sunday second event" 
    }, { 
     "j": [{ 
      "start": "12:00 am" 
     }, { 
      "end": "12:06 am" 
     }] 
    }] 
} 

我想告诉分类使用angular.js时间（UTC格式）性的上述数据。

我试过使用moment.js，但无法弄清楚。

Answer 1

使用moment('11/06/2017 11:00').format("DD-MM-YYYY HH:mm")可以使用Moment.js将日期字符串格式化为日期对象。

要对结果进行排序利用ngRepeat指令的orderBy选项（或提供自定义filter如果需要更深层次的过滤）：

{{ array | orderBy : expression}} 

查看

<div ng-app="app" ng-controller="DateController as vm"> 
    <b>Events</b> 
    <div ng-repeat="ev in vm.events | orderBy: 'date' "> 
    {{::ev.name}} - {{::ev.date}} 
    </div> 
</div> 

或排序通过使用-反向：

<div ng-repeat="ev in vm.events | orderBy: '-date' "> 

控制器

angular 
    .module('app', []) 
    .controller('DateController', DateController) 

function DateController($scope) { 
    var vm = this; 
    vm.events = [ 
    { 
     "name" : "sunday first event", 
     "date" : moment('11/06/2017 11:00').format("DD-MM-YYYY HH:mm") 
    }, 
    { 
     "name" : "sunday third event", 
     "date" : moment('11/06/2017 16:00').format("DD-MM-YYYY HH:mm") 
    }, 
    { 
     "name" : "sunday late event", 
     "date" : moment('11/06/2017 21:00').format("DD-MM-YYYY HH:mm") 
    }, 
    { 
     "name" : "sunday second event", 
     "date" : moment('11/06/2017 12:00').format("DD-MM-YYYY HH:mm") 
    }  
    ]; 
} 

JSFiddle