AngularJS date formatting

Question

is any chance to format date in ng-repeat? I was trying to format it like

<div class="col-date">{{row.Calendar.start | date :  "dd.MM.y"}}</div>

But it was not working. How do I format date in ng-repeat?

What is the problem here. What is value in row.Calendar.start — hard coder
– hard coder, Commented Jan 21, 2016 at 8:30
@Alexander so my date looks like : 2015-11-12 15:00:00 and if I use | date: "dd.MM.y" nothing happen — johnny04501
– johnny04501, Commented Jan 21, 2016 at 8:31
You can try with date in milliseconds, look docs.angularjs.org/api/ng/filter/date — hard coder
– hard coder, Commented Jan 21, 2016 at 8:32
if row.Calendar.start is a string object it won't work. date filter works on Date object. — Yogesh
– Yogesh, Commented Jan 21, 2016 at 8:33

Aman Gupta · Accepted Answer · 2016-01-21 08:49:25Z

1

Use moment and angular-moment, are definitely best modules out there for stuff related to dates.

First of all convert $scope.row.Calendar.start to date/moment object if it is a string and then use angular moment to show desired date format

Here is a how you can do so:

Inside controller:
$scope.row.Calendar.start = moment($scope.row.Calendar.start,'YYYY-MM-DD HH:mm:ss');

<div class="col-date">{{row.Calendar.start | amDateFormat : "dd.MM.y"}}

answered Jan 21, 2016 at 8:49

Aman Gupta

3,8174 gold badges47 silver badges67 bronze badges

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

Comments

Roman Hrokholskyi · Accepted Answer · 2016-01-21 08:33:50Z

0

From AngularJS perspective everything seems to be valid.

Please check following:

Format of the data you provide to your date filter - is it UNIX timestamp or something else that might be processed by filter?
Check if the data that you are trying to parse, is available

Please provide us with more information about what are you trying to convert, and what result do you have

answered Jan 21, 2016 at 8:33

Roman Hrokholskyi

611 silver badge5 bronze badges

Comments

Yogesh · Accepted Answer · 2016-01-21 08:38:18Z

0

It seems like you are trying to apply angular date filter of a string object.

Try to first convert it to a Date object in controller and then apply date filter on it.

EXAMPLE

$scope.dtObj = new Date($scope.row.Calendar.start);

then in HTML write this

<div class="col-date">{{dtObj | date :  "dd.MM.y"}}</div>

for more details check out documentation here https://docs.angularjs.org/api/ng/filter/date

answered Jan 21, 2016 at 8:38

Yogesh

1,5952 gold badges20 silver badges46 bronze badges

Comments

keshav · Accepted Answer · 2016-01-21 09:36:16Z

0

try this it worked for me hope for you to

answered Jan 21, 2016 at 9:36

keshav

461 bronze badge

Collectives™ on Stack Overflow

AngularJS date formatting

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related