javascript - 如何按带有时间戳的日期分组？ ( Angular )

Question

我有以下代码:

<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 属性是一个时间戳。每个项目的时和秒都不同。重要的是，项目按天分组，没有时间。

Answer 1

根据这个answer由 author 制造的 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;
};