角度JS日付フィルタが機能しない

Question

私は$http.get()の結果をループするng-repeat要素を持っています。

<tr ng-repeat="blog in posts"> 
    <td style="text-align:center">{{ $index+1 }}</td> 
    <td>{{ blog.title }}</td> 
    <td> 
     {{ blog.author.name }} 
    </td> 
    <td> 
     {{ blog.created_at | date:'MMM-dd-yyyy' }} 
    </td> 
</tr> 

私は、MySQLデータベースのテーブルにtimestampとしてcreated_atを持っています。そして私はangular.js v1.0.7を使用しています。

dbテーブルから同じ出力が得られていて、フィルタが機能していません。これをどうすれば解決できますか？

私のAJAX呼び出し、

$http({method: 'GET', url: 'http://localhost/app/blogs'}). 
success(function(data, status, headers, config) { 
    $scope.posts = data.posts; 
}). 
error(function(data, status, headers, config) { 
    $scope.posts = []; 
}); 

Answer 1

を助けることを願っています、それはlaravelの雄弁から文字列としてcreated_atを返します。

これは、このJavaScriptを使用して解決することができ、

new Date("date string here".replace(/-/g,"/")); 

だから、コード、

$http({method: 'GET', url: 'http://localhost/app/blogs'}). 
success(function(data, status, headers, config) { 
    angular.forEach(data.posts, function(value, key){ 
    data.posts[key].created_at = new Date(data.posts[key].created_at.replace(/-/g,"/")); 
    } 
    $scope.posts = data.posts; 
}). 
error(function(data, status, headers, config) { 
    $scope.posts = []; 
}); 

Answer 2

タイプのjavascript日であることが必要フィルタに渡された日付。

値blog.created_atがフィルタなしで表示されていることを確認しましたか？

あなたのバックアップサービスは、日付を表す文字列を返していると言いました。これは2つの方法で解決できます。

1. をサーバー側のコードを作成し、サーバー側のコードは、それが
2. は、あなた自身のを書く返すJSONをシリアライズする方法
   • チェックJSONの日付オブジェクトを返します文字列の日付を受け取り、日付を必要な形式で返すフィルタ
     • ：独自のフィルタで角度フィルタを呼び出すことができます

あなたは次のように独自のフィルタを作成することができます。

app.filter('myDateFormat', function myDateFormat($filter){ 
    return function(text){ 
    var tempdate= new Date(text.replace(/-/g,"/")); 
    return $filter('date')(tempdate, "MMM-dd-yyyy"); 
    } 
}); 

をそして、あなたのテンプレートでこのようにそれを使用します。

<td> 
    {{ blog.created_at | myDateFormat }} 
</td> 

よりもむしろ返された配列をループして、適用しますフィルタ

Answer 3

0からのフェッチされたデータに基づいてnew Date(/*...*/)を作成できます、のように：

$scope.date = new Date('2013', '10', '28'); // for example 

とにかくあなたがPlunkerでこのデモを見ることができます。

が、それは、サーバー側からあなたに

Answer 4

レコード日付変数は、以下のように '新しい' キーワードを使用することを忘れないでください：

var time = new Date(); 

これ以外の場合：

var time = Date(); 

日付は関数として呼び出され、フィルタへの入力として使用できない日付時刻文字列が返されます。

Answer 5

次のコードのように、文字列を日付に変換するカスタムフィルタを追加することができます：私はこれを気づいた

<div ng-repeat = "a in data">{{a.created_at |stringToDate:"medium"}}</div>