我有以下代码:
<div ng-repeat="(key, value) in history | groupBy:'date'">
<div>{{key}}</div>
<div ng-repeat="item in value">
{{item}}
</div>
</div>
我想以以下格式显示我的历史记录:
2015-10-10
item 1
item 2
item 3
2015-10-11
item 4
item 5
2015-10-12
item 6
item 7
该代码可以正常工作,但是该date
属性是一个时间戳。每个项目都因小时和秒而异。重要的是,项目必须按天无时间分组。
根据这个答案所做出笔者的angular-filter
我发现使用很好的解决方案momentjs
:
html
<div ng-repeat="(key, value) in history | map: toDay | groupBy:'date'">
<div>{{key}}</div>
<div ng-repeat="item in value">
{{item}}
</div>
</div>
控制器
$scope.toDay = toDay;
function toDay( history ) {
history.day = moment( history.date ).format( "L" );
return history;
}
假设您有一个有效的javascript
Date
对象而不使用momentjs
您的函数将是类似的:
function toDay( history ) {
history.date = history.date.toLocaleDateString();
return history;
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句