如何在ng-repeat中顯示縮短的日期）（Ionic-Framework）

Question

我想顯示數組的產品列表。該數組具有每個產品的名稱（pname）和日期（日期）。

<ion-list> 
    <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}"> 
    <b>{{object.pname}}</b> <a id="date">{{objectdate}}</a> 
    </ion-item> 
</ion-list> 

如果我這樣做，日期顯示爲非常不吉利的方式。我怎樣才能解決這個問題？

也許你可以告訴我，我如何寫出給定日期和今天日期之間的時間間隔。

我已經嘗試過這一點，但它不工作：

<ion-list> 
    <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}"> 
    <script> 
    var date = object.date; 
    //some steps to short the date... 
    var shortDate = ... 
    </script> 
    <b>{{object.pname}}</b> <a id="date">{{shortDate}}</a> 
    </ion-item> 
</ion-list> 

我希望你能按照我的描述。這是我的第一個問題.. :)

非常感謝！

Answer 1

使用矩（http://momentjs.com/）庫和角度適配器（https://github.com/urish/angular-moment）來解決這個問題。

這是非常容易使用：

<b>{{object.pname}}</b> <a id="date">{{object.date|amTimeAgo}}</a> 

Answer 2

只需使用內置的日期過濾器：{{object.date |日期：「shortDate」}}

看看不同的格式在docs

Answer 3

然後你只需要日期過濾器：https://docs.angularjs.org/api/ng/filter/date

<ion-list> 
    <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}"> 
    <b>{{object.pname}}</b> <a id="date">{{ object.date | date:'shortDate' }}</a> 
    </ion-item> 
</ion-list> 

Answer 4

有關使用過濾器日期其他過濾器都好。

我只是回答，因爲評論不容易閱讀。 此代碼永遠不會工作：

<script> 
var date = object.date; 
//some steps to short the date... 
var shortDate = ... 
</script> 

您必須將你的角度的控制器驗證碼和值存儲在範圍：使用 $ scope.shortDate =

然而，對於這樣的事情過濾器是首選。

Answer 5

你可以使用一個功能時，您的項目裏面：

<ion-list> 
    <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}"> 
    <b>{{object.pname}}</b> <a id="date">{{toDate(object.date)}}</a> 
    </ion-item> 
</ion-list> 

然後，在你的控制器定義函數，返回格式化的日期：

toDate = function(date){ 
    return date.getUTCDate() +"/"+ (date.getUTCMonth()+1) +"/"+ date.getUTCFullYear(); 
}; 

這是假設object.date實際上是一個Date Object。