日期過濾器不能正常工作

Question

我有一個應用程序，我現在正在測試，除了一部分以外，一切都可以正常工作。

日期過濾器每兩次只能工作一次。 我檢查郵遞員和BDD，日期是正確的，但我不明白爲什麼而不是顯示日期它顯示我「null」。

下面是截圖和我的代碼：

我的觀點：

<ion-list id="ficheJeune-list10"> 
    <ion-item id="ficheJeune-list-item22" ng-repeat="element in patient.cr track by $index" ng-click="showDescr(patient.id, element)"> 
    <div class="col col-sm-50">Compte Rendu du :</div> 
    <div class="col col-sm-50 date">{{ element.date | dateOnly: "dd MMMM y" }}</div> 
    </ion-item> 
</ion-list> 

我的過濾器：

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

週一JSON：

{ 
"id": 50, 
"prenom": "Jonathan", 
"cr": [ 
    { 
     "date": "12 mars 2010", 
     "lieu": test 
    }, 
    { 
     "date": "05 mars 2010", 
     "lieu": test 
    }, 
    { 
     "date": "04 mai 2006", 
     "lieu": test 
    }, 
    { 
     "date": "27 avril 2006", 
     "lieu": test 
    }, 
    { 
     "date": "14 avril 2006", 
     "lieu": test 
    }, 
    { 
     "date": "07 avril 2006", 
     "lieu": test 
    }, 
    { 
     "date": "23 mars 2006", 
     "lieu": test 
    }, 
    { 
     "date": "16 mars 2006", 
     "lieu": test 
    } 
] 
} 

我找遍了所有天這是什麼原因，但我不能找到..

我感謝你在

Answer 1

我認爲你需要編寫從法國轉換月份名稱爲英語自定義地圖。

在你的情況下，mai和avril失敗。

Demo represents the issue

.filter('dateOnly', [ 
'$filter', function($filter) { 

    var mappingMonth = { 
    "avril": "april", 
    "mars": "march", 
    "mai" : "may"  
    }; // and so on 

    return function(input, format) { 

     input = input.split(" ")[0] + " " + mappingMonth[input.split(" ")[1]] + " " + input.split(" ")[2] 

     return $filter('date')(new Date(input), format); 
     }; 
    } 
    ]) 

Fixed demo

Answer 2

這是因爲你的日期格式是錯誤的。例如更改爲mai至may。 看到演示的流動：

var app = angular.module('myApp', []); 
 
app.controller('datCtrl', function($scope) { 
 
    $scope.today = new Date(); 
 
    $scope.data = { 
 
"id": 50, 
 
"prenom": "Jonathan", 
 
"cr": [ 
 
    { 
 
     "date": "12 mars 2010", 
 
    "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "05 mars 2010", 
 
     "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "04 may 2006", 
 
     "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "27 apr 2006", 
 
     "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "14 aprww 2006", 
 
     "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "07 apr 2006", 
 
     "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "23 mars 2006", 
 
     "lieu": "test" 
 
    }, 
 
    { 
 
     "date": "16 mars 2006", 
 
     "lieu": "test" 
 
    } 
 
] 
 
} 
 
}); 
 
app.filter('dateOnly', [ 
 
'$filter', function($filter) { 
 
    return function(input, format) { 
 
     return $filter('date')(new Date(input), format); 
 
    }; 
 
} 
 
    ]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="datCtrl"> 
 
    <div id="ficheJeune-list-item22" ng-repeat="element in data.cr"> 
 
    <div class="col col-sm-50 date">{{ element.date | dateOnly: "dd MMMM y" }} </div> 
 
    </div> 
 
</div>