Angular Jsの日付配列と現在の日付との比較

私は角度コントローラーに日付の配列を持っていますが、それらの日付を今日の現在の日付と比較しようとしています。過去にあった場合は、 '赤'。しかし、私のコードは現在壊れています。私が間違ってやっていることを確信していない、助けを借りたり、正しい方向を指していることは分かります。Angular Jsの日付配列と現在の日付との比較

以下plunkerリンク参照してください。 plnkr

//app.js 

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

app.controller('MainCtrl', function($scope) { 
    var artists=[ 
    {eventDate:"2017-01-09"}, 
    {eventDate:"2016-01-09"}, 
    {eventDate:"2015-01-09"}, 
    {eventDate:"2014-01-09"}, 
    {eventDate:"2013-01-09"}, 
    ]; 

    var currentdate = new Date(); 

    var myEl = angular.element(document.querySelector('#thing')); 
    for (i = 0; i < artists.length; i++) { 
    if (currentdate > artists[i][0]) { 
     myEl.addClass('red'); 
    } 
    } 

    $scope.currentdate = currentdate; 
    $scope.myEl = myEl; 
    $scope.artists = artists; 

}); 

//css 
.blue{ 
    background: blue; 
} 
.red { 
    color: red; 
} 

//index.html 
<html ng-app="plunker"> 
    <body ng-controller="MainCtrl"> 
    <div ng-repeat="artist in artists"> 
    <p id="thing" class="blue">event Date {{artist.eventDate | date}}</p> 
    </div> 
    </body> 
</html>

出典

2016-05-06 classic.matsuo

が自分に好意を行うとJSで日付を比較するためにmomentを使用します。https://github.com/urish/angular-moment

出典

2016-05-06 20:12:11 Reto

あなたはNG-クラスディレクティブを使用してHTMLを編集することができます。

<body ng-controller="MainCtrl"> 
    <div ng-repeat="artist in artists"> 
     <p id="thing" ng-class="{'red': currentDate > artist.eventDate, 'blue': currentDate <= artist.eventDate}"> 
     event Date {{artist.eventDate | date}}</p> 
    </div> 

    </body>

出典

2016-05-06 20:41:23 oguzhan00

私はこれを無駄にしようとしました –

Angular Jsの日付配列と現在の日付との比較

答えて

関連する問題