convert time stamp to Date inside angular expression like {{new Date(timestamp)}}

Question

Today I found that's it's not working to convert for a date inside angular expression.

So I just making something like

<th>{{new Date(elem.timestamp}}</th>

But it fails with internal angular error.

So why it's not possible to cast to Date inside angular expression?

Answer 1

Because angular expressions do not accept arbitrary Javascript code, including creating new objects. What you are looking for is called angular filters, they were specifically designed for this case.

So instead of

{{new Date(elem.timestamp)}}

you should write

{{elem.timestamp | date: 'yyyy-MM-dd'}}

More info on the date filter can be found here. More on filters, in general, can be found here.

Answer 2

If you are dealing with Firebase Timestamp object (https://firebase.google.com/docs/reference/android/com/google/firebase/Timestamp), you can use:

{{elem.timestamp.seconds*1000 | date}}

Answer 3

Just an extention of what @package mentioned we can also go to hour-second as well from millisecond, the format can be any pattern as well

< th >{{elem.timestamp | date: 'yyyy/MM/dd h:mm:ss a'}}< /th >

Answer 4

Dealing with Firebase timestamp I use :

{{ element.seconds * 1000| date:'short' }}