Angular JS Date format filtern innerhalb von Ng-Repeat nicht formatieren

Aktuelle Datum aus JSON

Angular JS Date format filtern innerhalb von Ng-Repeat nicht formatieren

Formatieren müssen, wie unten beschrieben .

Effective Date : 2010-08-31 (trim the time stamp)
End Date : 2010-08-31 (trim the time stamp)

Bin unter den unten angegebenen code für die Formatierung des Datum in Ng-Repeat.

    <li ng-repeat="product in data | startFrom:currentPage*pageSize | limitTo:pageSize"
           ng-click="getAttributes(product)">   
       {{product.prod_start_date| date:'MM/dd/yyyy'}}
       {{product.prod_end_date| date:'MM/dd/yyyy'}}
    </li>

Aber es funktioniert nicht, zeigt immer noch die gleichen.

Sollte das Datum weitergegeben werden, so neuen Datums, wie in der folgenden Beispiel jsfiddle
http://jsfiddle.net/southerd/xG2t8/

Beachten, dass, wie zu tun, dass innerhalb von ng-repeat.?? Bitte helfen Sie mir auf diesem. Vielen Dank im Voraus

InformationsquelleAutor Suraj | 2014-07-25

  1. 21

    Habe ich meinen eigenen filter.
    Der Datums-filter kann ein string ist, muss ein date-Objekt. 

    .filter('cmdate', [
    '$filter', function($filter) {
        return function(input, format) {
            return $filter('date')(new Date(input), format);
        };
    }
]);

    dann können Sie tun:

    {{product.prod_start_date| cmdate:'MM/dd/yyyy'}}
    Versuche zu tun, der eine ähnliche Funktion aber verschachtelt innerhalb von $scope und froh, dass ich fand diese die hilfreich (und leicht wiederverwendet werden über verschiedene Bereiche). Danke. Von Ihnen positiv bewertet werden!
    Vielen Dank, das hilft mir wirklich
    Vielen Dank, das hat mein problem gelöst mit mehreren date-picker

    InformationsquelleAutor Ben Wilde

  2. 5

    Ich verwenden moment.js für meine UI-Datum-Uhrzeit-handling (es gibt sogar eine schöne angular-moment bower-Paket)

    Verwendung:

    <span>{{product.prod_start_date | amDateFormat:'MM/dd/yyyy'}}</span>

    Es hat eine Reihe von anderen Optionen als auch mit relativen Datumsangaben etc.

    InformationsquelleAutor craigb

  3. 1

    Habe ich aktualisiert, die Steuerung, die Sie zeigten, in der Geige, und hier ist Ihre aktualisierte filter

    Hier nutzte ich die $filter('Datum'), die eine Funktion der Winkel selbst, um das Datum zu formatieren in das gewünschte format.

    Hier ist der controller:

    function Scoper($scope,$filter) {
    $scope.s = "2012-10-16T17:57:28.556094Z";
    var dateObj = new Date($scope.s);
    $scope.dateToShow = $filter('date')(dateObj,'yyyy-MM-dd');
    console.log($scope.dateToShow);
}

    InformationsquelleAutor V31

Schreibe einen Kommentar