Transform a timestamp into date format inside AngularJS interpolation

Question

Having a timestamp, for example 1519357500, is it possible to send it in this form to html and convert it into date format inside interpolation?

I've tried to do it like this but it doesn't work:

{{moment($ctrl.myTimestamp).format('MMMM Do YYYY, h:mm:ss a')}}

Possible duplicate of Using AngularJS date filter with UTC date — Kyle
– Kyle, Commented Mar 21, 2018 at 15:03

Giovani Vercauteren · Accepted Answer · 2018-03-21 14:50:08Z

2

Yes, very easily.

{{$ctrl.myTimestamp | date:'MMMM d y, h:mm:ss a'}}

(this assumes $ctrl.myTimestamp contains the epoch milliseconds)

If you have the seconds till epoch do this:

{{$ctrl.myTimestamp * 1000 | date:'MMMM d y, h:mm:ss a'}}

More information here.

edited Mar 21, 2018 at 14:50

answered Mar 21, 2018 at 13:59

Giovani Vercauteren

1,89816 silver badges23 bronze badges

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

7 Comments

dadsa Over a year ago

this is perfect! but I don't know why it doesn't show the year and it shows YYYY instead :D

Aleksey Solovey Over a year ago

@dadsa might depend on the version, try just Y

dadsa Over a year ago

@AlekseySolovey, now it shows that single Y. you're talking about AngularJS version? it's 1.6

Aleksey Solovey Over a year ago

@dadsa typo, just y *

Giovani Vercauteren Over a year ago

@dadsa you can check this link for more info about the syntax: docs.angularjs.org/api/ng/filter/date

|

Muhammad Usman · Accepted Answer · 2018-03-21 14:03:43Z

0

This is how I would have done it.

ps. I am just doing it using no dependency (moment). coz I've never used it. So this is how you can achieve this.

var app = angular.module('test-app', []);
app.controller('testCtrl', function($scope){

$scope.timestamp = "1519357500";
var date = new Date($scope.timestamp * 1000);
var datevalues = ('0' + date.getDate()).slice(-2) + '-' + ('0' + (date.getMonth() + 1)).slice(-2) + '-' + date.getFullYear() + ' ' + date.getHours() + ':' + date.getMinutes();
$scope.timestamp = datevalues;
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test-app" ng-controller="testCtrl">
 {{timestamp}}
</div>

answered Mar 21, 2018 at 14:03

Muhammad Usman

10.1k26 silver badges41 bronze badges

Collectives™ on Stack Overflow

Transform a timestamp into date format inside AngularJS interpolation

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related