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

{{new Date(elem.times         


        

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 date filter can be found here. More on filters in general can be found here.

Answer 2

It is probably best to use a library like moment for this. Also the functionality you are looking for is meant to be implemented via "filters"

Also see angular-moment

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

When the timestamp is in milliseconds: Only Date:

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

Date & Time:

{{elem.timestamp | date: 'yyyy/MM/dd hh:mm:ss a'}}

Date & Time(24-hr format):

{{elem.timestamp | date: 'yyyy/MM/dd HH:mm:ss'}}

When your timestamp is in seconds, then just multiply with 1000:

{{elem.timestamp*1000 | date: 'yyyy/MM/dd HH:mm:ss'}}

Answer 5

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 6

Dealing with Firebase timestamp I use :

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