时间戳

首页 > 解决方案 > Angular js 按日期排序 dd-mm-yyyy

angularjs - Angular js 按日期排序 dd-mm-yyyy

问题描述

我想订购日期。但不能正常工作。日期格式为 dd-mm-yyyy。只是命令 dd 格式不检查 mm 和 yyyy。我该如何解决？

JS

    $scope.sortOptions = [                       
        {
            name:'Date desc',
            sortCategory:'-anndate'
        },            
        {
            name:'Date asc',
            sortCategory:'anndate'
        }       
    ];

HTML

    <select ng-model="selectedSortType" class="custom-select">
        <option value="" selected="">Select type</option>
        <option value='{{opt.sortCategory}}' ng-repeat="opt in sortOptions track by $index">{{opt.name}}</option>
    </select>  
   <div ng-repeat="i in res| orderBy:selectedSortType">
       <div>{{i.anndate}}</div>
   </div>

标签： angularjs

解决方案

var app = angular.module('app', [])
    .controller('appController', appController);

appController.$inject = ['$scope', '$window'];

function appController($scope, $window) {

    $scope.title = "date sorting example";

    $scope.sortOptions = [{
            name: 'Date desc',
            sortCategory: '2018-07-15	'
        },
        {
            name: 'Date desc',
            sortCategory: '2018-07-12	'
        },
        {
            name: 'Date asc',
            sortCategory: '2018-07-13'
        }
    ];
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="appController">



<p>Ascending Order</p>
<div ng-repeat="i in sortOptions | orderBy:'sortCategory'">
  <p>{{i.sortCategory}}</p>
</div>
 <select ng-model="selectedSortType" class="custom-select">
        <option value="" selected="">Select type</option>
        <option value='{{opt.sortCategory}}' ng-repeat="opt in sortOptions | orderBy:'sortCategory'">{{opt.sortCategory}}</option>
    </select>  
<p>Descending Order</p>
<div ng-repeat="i in sortOptions | orderBy:'-sortCategory'">
  <p>{{i.sortCategory}}</p>
</div>
 <select ng-model="selectedSortType" class="custom-select">
        <option value="" selected="">Select type</option>
        <option value='{{opt.sortCategory}}' ng-repeat="opt in sortOptions | orderBy:'-sortCategory'">{{opt.sortCategory}}</option>
    </select>  
</div>

推荐阅读