在 Array 中格式化 datetime 对象并在 ng-repeat 中显示 AngularJS

Question

我有一个获取用户列表的函数。每个用户都有一个 last_logged 字段，以 2017-02-04 19:54:47 格式显示上次登录时间。我需要做的是以 Saturday, February 2, 2017 - 19:54:47.

格式在页面上显示该字段

当前时间格式为 2017-02-04 19:54:47（本机日期时间格式）我怎样才能格式化它以显示 Saturday, February 2, 2017 - 19:54:47

<table>
  <thead>
    <tr>
      <th>Username</th>
      <th>Last Login</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="user in users">
      <td>{{ user.username }}</td>
      <td>{{ user.last_login }}</td>
    </tr>
  </tbody>
</table>

Answer 1

您可以将 date 格式化为 date filter 以及获得其

所需的格式

date:"EEEE',' MMMM d',' yyyy ' - ' HH:mm"

所以你的代码看起来像这样

{{user.last_login  | date:"EEEE',' MMMM d',' yyyy ' - ' HH:mm"}}

Answer 2

试试这个

{{calculateTime(last_login) | date: 'EEEE, MMMM M, yyyy - HH:mm:ss'}}

Demo

app.controller('MainController', function($scope) {
  $scope.last_login = "2017-02-04 19:54:47";
  $scope.calculateTime = function(dt) {
    return new Date(dt).getTime();
  }
});

在 Array 中格式化 datetime 对象并在 ng-repeat 中显示 AngularJS

Format datetime object in Array and display in ng-repeat AngularJS

html

angularjs

ng-repeat