Filterdatum gibt NaN-NaN-NaN in AngularJS zurück

Question

Der Filter, den ich unten erstellt habe, funktioniert auf Chrome, aber nicht auf Firefox. Ich verstehe nicht warum.

myApp.filter('dateCustom', [ '$filter', function ($filter) { 
    return function (input) { 

     // input => 2014-05-13 15:04:48 

     if(angular.isDefined(input)){ 
     var d = new Date(input); 
     var time = d.getTime(); 
     return $filter('date')(time,'dd/MM/yyyy'); 
     } 
    } 
    }]); 

HTML:

<span> {{ project.date_created_at | dateCustom }} </span> 

Chrome

Firefox

Answer 1

Firefox unterstützt kein Datum in diesem Format, Sie müssen die Bindestriche zuerst durch Schrägstriche ersetzen.

var d = new Date(input.replace(/-/g, '/')); 

Answer 2

Die Umwandlung einer Zeichenfolge in ein Datum kann von Browser zu Browser variieren. Wenn Sie etwas wie NaN auf Ihrem Datum bekommen, ist es wegen der Datumsumwandlung.

Der beste Weg, den ich gefunden habe, ist die Verwendung MomentJS, ein großartiges Werkzeug zum Formatieren von Daten. Nachdem ich es benutzt habe, funktionierte es in jedem Browser. Nur mit:

moment($scope.date).format("DD/MM/YYYY");