Formatting the date and time using angularjs

Question

I have a date format in the following way,

"tranDate": "2015-11-02T18:30:00.000Z"

how do i format the date and time in human readable way.

date: 2015-11-02
time: 18:30:00

JayChase · Accepted Answer · 2015-11-09 13:18:56Z

1

the date filter will handle the UTC datetime string as it is.

answered Nov 9, 2015 at 13:18

JayChase

11.6k3 gold badges52 silver badges55 bronze badges

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

Comments

Tarun Dugar · Accepted Answer · 2015-11-09 11:28:46Z

1

Since your string contains Zulu time, first convert the string to a date using new Date as follows:

$scope.date = new Date(obj['tranDate'].replace(' ', 'T'))

Then use angular's inbuilt date filters. in the template. Example:

{{date | date: 'd MMM yyyy'}}

answered Nov 9, 2015 at 11:28

Tarun Dugar

8,9938 gold badges50 silver badges81 bronze badges

Jenson Raby · Accepted Answer · 2015-11-10 12:20:37Z

0

IN CONCROLLER

put the following code in controller

$scope.date_test = {"tranDate": new Date()}

IN HTML

date : {{date_test.tranDate  | date: 'yyyy-M-dd'}}
time : {{date_test.tranDate  | date:"h:mm:ss"}}

This is an exmaple of formating the date and time

answered Nov 10, 2015 at 12:20

Jenson Raby

7892 gold badges6 silver badges27 bronze badges