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

Question

I've a function that gets a list of Users. Each individual user has a last_logged field which shows the last logged in time in this format 2017-02-04 19:54:47. What I need to do is display that field on the page in this format Saturday, February 2, 2017 - 19:54:47.

Currently the time format is 2017-02-04 19:54:47 (native datetime format) How can I format it such that it shows 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>

Possible duplicate of How to format date in angularjs

lin
– lin

2017-02-04 17:54:20 +00:00
Commented Feb 4, 2017 at 17:54 — lin
– lin, Commented Feb 4, 2017 at 17:54

Ibrahim Maher · Accepted Answer · 2017-02-05 13:29:45Z

1

Try this

{{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();
  }
});

edited Feb 5, 2017 at 13:29

Ibrahim Maher

1039 bronze badges

answered Feb 4, 2017 at 18:00

Nagarjuna Reddy

4,19514 gold badges47 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ibrahim Maher Over a year ago

How did you get the "1486218287000" value for 2017-02-04 19:54:47?

Ibrahim Maher Over a year ago

Perfect, exactly what was needed.

Juan · Accepted Answer · 2017-02-04 17:55:36Z

0

You can format a date with the date filter and the format that you need to get that its

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

so you code would look like something like this

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

answered Feb 4, 2017 at 17:55

Juan

5,0883 gold badges41 silver badges49 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related