Javascript 按日期排序_Javascript_Date_Angularjs_Angularjs Ng Repeat

Javascript 按日期排序

javascript date angularjs

Javascript 按日期排序,javascript,date,angularjs,angularjs-ng-repeat,Javascript,Date,Angularjs,Angularjs Ng Repeat,我有一个数组，我想在Angular.js中按日期排序： <tr ng-repeat="er in vm.readerFeeds | orderBy:'-publishedDate'"> <td>{{er.publishedDate}}</td> </tr> 要使ToorderBy正常工作，您需要在controller中使用对象为new date（/**/）的字符串日期进行包装例如： $scope.vm.readerFeeds = [

我有一个数组，我想在Angular.js中按日期排序：

<tr ng-repeat="er in vm.readerFeeds | orderBy:'-publishedDate'">
    <td>{{er.publishedDate}}</td>
</tr>

要使To

orderBy

正常工作，您需要在controller中使用对象为

new date（/**/）

的字符串日期进行包装

例如：

$scope.vm.readerFeeds = [
 {
  //.....
  publishedDate: new Date(/*your string date*/);
  },
 {
   //.....
  publishedDate: new Date(/*your string date*/);
 }
];


函数MainCOn（）{
这是我的朋友=[{
姓名：'约翰'，
电话：555-1212，
年龄:10岁，
日期：2015年2月11日
},
{
姓名：'玛丽'，
电话：555-9876，
年龄:19岁，
日期：2015年1月11日
},
{
名字：“迈克”，
电话：555-4321，
年龄:21岁，
日期：2015年4月11日
},
{
名字：'亚当'，
电话：555-5678，
年龄:35岁，
日期：2015年3月11日
},
{
姓名：'朱莉'，
电话：555-8765，
年龄:29,，
日期：2015年5月11日
}];
}
MainCOn.prototype={
排序：功能（项目）{
if（this.predicate=='date'）{
var DateInNumber=item.date；
var day=DateInNumber.split（'/'）[0]；
var month=DateInNumber.split（“/”）[1]；
var year=DateInNumber.split（“/”）[2]；
var monthName=新数组（“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”）；
var Dateinalphatical=日+''+月名[月-1]+''+年；
返回新日期（日期暂定）；
}
返回项[this.predicate]；
},
排序：函数（字段）{
if（this.predicate！=字段）{
this.predicate=字段；
这个。反向=假；
log（'f'+this.predicate+'p'+this.reverse）；
}否则{
this.reverse=！this.reverse；
console.log（'else'+this.reverse）；
}
},
反面：假
};
{{friend.name}
{{朋友.电话}
{{friend.age}
{{friend.date}

如何处理json请求中的数据？不适合在模型中修改数据客户端-在视图中会更好。此代码用于订单日期ex:-（1/12/2015）您应该在回答中添加解释。

$scope.vm.readerFeeds = [
 {
  //.....
  publishedDate: new Date(/*your string date*/);
  },
 {
   //.....
  publishedDate: new Date(/*your string date*/);
 }
];

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="http://code.angularjs.org/angular-0.9.19.min.js" ng:autobind></script>
    <title></title>

    <script type="text/javascript">
        function MainCOn() {
            this.friends = [{
                name: 'John',
                phone: '555-1212',
                age: 10,
                date: '11/02/2015'
            },
    {
        name: 'Mary',
        phone: '555-9876',
        age: 19,
        date: '11/01/2015'
    },
    {
        name: 'Mike',
        phone: '555-4321',
        age: 21,
        date: '11/04/2015'
    },
    {
        name: 'Adam',
        phone: '555-5678',
        age: 35,
        date: '11/03/2015'
    },
    {
        name: 'Julie',
        phone: '555-8765',
        age: 29,
        date: '11/05/2015'
    }];
}



        MainCOn.prototype = {

            sort: function (item) {
                if (this.predicate == 'date') {
                   var DateInNumber = item.date;
                    var day = DateInNumber.split('/')[0];
                    var month = DateInNumber.split('/')[1];
                    var year = DateInNumber.split('/')[2];
                    var monthName = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");
                    var dateInAlphabatical = day + ' ' + monthName[month - 1] + ' ' + year;
                    return new Date(dateInAlphabatical);
                }
                return item[this.predicate];
            },

            sortBy: function (field) {

                if (this.predicate != field) {
                    this.predicate = field;
                    this.reverse = false;
                    console.log('f' + this.predicate + ' p' + this.reverse);
                } else {
                    this.reverse = !this.reverse;
                    console.log('else' + this.reverse);
                }
            },

            reverse: false
        };
    </script>
</head>
<body>
    <div ng:controller="MainCOn">
        <table>
            <tr>
                <th>
                    <a href ng:click="sortBy('name')">Name</a>
                </th>
                <th>
                    <a href ng:click="sortBy('phone')">Phone Number</a>
                </th>
                <th>
                    <a href ng:click="sortBy('age')">Age</a>
                </th>
                <th>
                    <a href ng:click="sortBy('date')">Date</a>
                </th>
            </tr>
            <tr ng:repeat="friend in friends.$orderBy(sort, reverse)">
                <td>
                    {{friend.name}}
                </td>
                <td>
                    {{friend.phone}}
                </td>
                <td>
                    {{friend.age}}
                </td>
                <td>
                    {{friend.date}}
                </td>
            </tr>
        </table>
    </div>
</body>
</html>