在來自rails後端的角度js中顯示人類可讀的日期時間

Question

我想在前端顯示人類可讀的日期時間。我的數據來自rails後端。當我使用{{ item.created_at }}時，它顯示的時間像導軌方式2016-10-10T10：29：47.993Z。但是如何在5天前，3小時前以角度js顯示？

Answer 1

格式化日期的角度，你可以使用datefilter這樣的：

{{ item.created_at | date:'yyyy-MM-dd HH:mm' }} 

你正在尋找一個非常特殊的格式，所以我認爲你需要建立一個自定義過濾器表明這一點。您可以使用此過濾器腳手架：

.filter('customDate', function() { 

    return function(date) { 
    // 1. Get current date 
    // 2. Get diff from expression date to current 
    // 3. Apply your format and return result; 
    }; 

}); 

最後，還有一個叫momentjs處理日期和時間庫，還有就是一個很好的angular version：

檢查am-time-ago指令的庫：

<span am-time-ago="item.created_at"></span> 

Answer 2

試試這個，爲此創建一個過濾器，用於代碼的可重用性

var jimApp = angular.module("mainApp", []); 
 

 
jimApp.controller('mainCtrl', function($scope){ 
 
    $scope.date = "1992-05-07T22:00:00.000Z"; 
 
}); 
 

 
jimApp.filter('dateFilter', function() { 
 
    function calculateDate(date) { 
 
     date = new Date(date); 
 
     var year = date.getFullYear(); 
 
     var month = date.getMonth()+1; 
 
     var day = date.getDate(); 
 
     return day+'-'+month+'-'+year; 
 
    } 
 

 
    return function(date) { 
 
      return calculateDate(date); 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="mainApp" ng-controller="mainCtrl"> 
 
    <div>{{date | dateFilter}}</div> 
 
</div>