Sortierung Angularjs ng-Wiederholung nach Datum

Question

Ich bin relativ neu in AngularJS. Könnte etwas Hilfe

verwende ich eine Tabelle

mit den folgenden Informationen haben

<table> 
<tr> 
    <th><span ng-click="sortType = 'first_name'; sortReverse = !sortReverse">Referral Name</span></th> 
    <th><span ng-click="sortType = 'date'; sortReverse = !sortReverse">Referral Name</span></th> 
</tr> 
<tr ng-repeat="x in referral | orderBy:sortType:sortReverse"> 
    <td>name</td> 
    <td>date</td> 
</tr> 
</tabe> 

Und der js-Code ist als (nach den Controller-Verbindungen) folgt

$scope.sortType = ''; 
$scope.sortReverse = false; 

Das perfekt für den Aufstieg arbeitet und absteigend beim Sortieren des Namens.

Leider funktioniert es ähnlich bei Datum (es wird alphabetisch anstatt nach Datum sortiert).

Das Datumsformat ich aus dem Backend (Python) bin immer in diesem Format:

i["date"] = i["date"].strftime("%B %d, %Y") 
September 13, 2016 <-- this format 

Ich verstehe den Fehler, den ich gemacht, aber ich bin nicht in der Lage, die Lösung für sie zu finden.

Wie kann ich nach Datum sortieren?

Vielen Dank im Voraus Jungs.

Answer 1

Idealerweise haben Sie ein sortierbares Objekt für das Datum. Ein Kandidat ist ein isoformatted Datum:

i["date"] = i["date"].isoformat() 

Jetzt Sortierung sollte gut funktionieren, aber es wird wackelig angezeigt. So benötigen Sie einen Datumsfilter verwenden, um es zu formatieren auf der Benutzeroberfläche:

<table> 
<tr> 
    <th><span ng-click="sortType = 'first_name'; sortReverse = !sortReverse">Referral Name</span></th> 
    <th><span ng-click="sortType = 'date'; sortReverse = !sortReverse">Referral Name</span></th> 
</tr> 
<tr ng-repeat="x in referral | orderBy:sortType:sortReverse"> 
    <td>name</td> 
    <td>{{x.date | date : 'MMMM d, yyyy'}}</td> 
</tr> 
</table> 

Answer 2

Wie Sie festgestellt haben, ist der Wert, den Sie erhalten, eine Zeichenfolge und daher alphabetisch sortiert. Sie müssen es vorher in Date() konvertieren. Also im Grunde, was Sie brauchen, ist eine Schleife über die Anordnung von Daten, die Sie bekommen, und fügen Sie eine neue Eigenschaft (oder ersetzen Sie bestehende) mit einem neuen Date-Objekt:

referral.forEach((ref) => { 
    ref.date_obj = new Date(ref.date) 
}; 

ich gerade überprüft, JavaScript scheint Format zu parsen " 13. September 2016 "Ziemlich gut.