Format Date time in AngularJS

javascript angularjs date datefilter
bsr picture bsr · Oct 16, 2012 · Viewed 423.9k times · Source

How do I properly display the date and time in AngularJS?

The output below shows both the input and the output, with and without the AngularJS date filter:

In: {{v.Dt}}  
AngularJS: {{v.Dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

This prints:

In: 2012-10-16T17:57:28.556094Z 
AngularJS: 2012-10-16T17:57:28.556094Z

The desired display format is 2010-10-28 23:40:23 0400 or 2010-10-28 23:40:23 EST

Answer

Gloopy picture Gloopy · Oct 16, 2012

Your code should work as you have it see this fiddle.

You'll have to make sure your v.Dt is a proper Date object for it to work though.

{{dt | date:'yyyy-MM-dd HH:mm:ss Z'}}

or if dateFormat is defined in scope as dateFormat = 'yyyy-MM-dd HH:mm:ss Z':

{{dt | date:dateFormat }}

Related questions

Angular.js: Seconds to HH:mm:ss filter

I have a number of seconds count, for example, 713 seconds. How can I implement an Angular.js filter that converts this 713 seconds to HH:mm:ss format? In this case, it should be 00:11:53 <div> {{ 713 | secondsToHHMMSS }} <!-- Should …

Read More
How can you get the server time from Firebase

I'm using angularjs with firebase and when I use $scope.createdDate = new Date(); it uses the time on the client, however I want to use Firebase Servers current time as client-side time may vary. How can I go about this …

Read More
AngularJS global Date timezone offset

I'm looking to show dates relative to the users' timezones. My hope is that Angular has way to globally config the Date filter to do this—having to do this manually on a case-by-case basis feels wrong. My timestamps are …

Read More