Я хочу отсортировать дату в моей колонке

Question

Я хочу отсортировать дату в моей колонке

0

Это один столбец в моей таблице. Он показывает дату окончания. Мне нужно отсортировать их при нажатии на заголовок столбца.

<th class="Theader">
<a href="" ng-click="predicate = 'endDate'; reverse=reversesort;reversesort=!reversesort" class="blackfont" style="color: #656565;" title="Click to sort">
  End Time
</a>
<span class="ordermenu fa fa-sort-asc" ng-show="!reversesort"></span><span class="ordermenu fa fa-sort-desc" ng-show="reversesort"></span>
</th>

Rems 29 окт. 2015, в 10:43

Источник

0

Это помогло бы привести минимальный воспроизводимый пример.
user2314737 29 окт. 2015, в 09:21

Теги:

html

angularjs

1 ответ

Ещё вопросы

Это помогло бы привести минимальный воспроизводимый пример.

SE_User · Answer 1 · 2015-10-29T06-49-00.000Z

    <div ng:controller="Main"><table>
<tr>
<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.age}}</td>
<td>{{friend.date}}</td>

</tr> </table> </div>

function Main() {
this.friends = [{
    age: 10,
    date: '11 June 2011'},
{
    age: 19,
    date: '12 June 2011'},
{
    age: 21,
    date: '13 July 2011'},
{
    age: 35,
    date: '14 May 2011'},
{
     age: 29,
     date: '15 June 2011'}];

}

Main.prototype = {

sort: function(item) {
    if (this.predicate == 'date') {
        return new Date(item.date);
    }
    return item[this.predicate];
},

sortBy: function(field) {
    if (this.predicate != field) {
        this.predicate = field;
        this.reverse = false;
    } else {
        this.reverse = !this.reverse;
    }
},

reverse: false

};

Пожалуйста, обратитесь к этой скрипке FIDDLE

Источник: сортируемые столбцы таблицы с AngularJs

Вы также можете сослаться на эту скрипку.

Никогда не понимал, что можно заменить дефис, используемый с ng-... двоеточием ng:... Интересно.
@TheLimeTrees [ссылка] ( github.com/angular/code.angularjs.org/blob/master/0.9.14/… )