Converting date using Angular JS filter fails

Question

I am using angular js filter to format a date on the controller. A user selects a date from a uib-datepicker-popup. It is this date that I want formatted using ISO 8601 (yyyy-mm-dd) date format. I then log my the date picked by the user and get something like this

Sat Aug 20 2016 00:00:00 GMT+0300 (EAT)

However I then use angular $filter like this

$filter('date')(new Date(vm.my_date), 'yyyy-mm-dd');

and wind up with the date as

2016-00-20

Here is my the code on my controller

        // Logs Sat Aug 20 2016 00:00:00 GMT+0300 (EAT)
        console.log(vm.my_date);

        var converted = $filter('date')(new Date(vm.my_date), 'yyyy-mm-dd');

        // Logs 2016-00-20
        console.log(converted);

What am I doing wrong?

Ahmet Zeytindalı · Accepted Answer · 2016-08-08 13:33:10Z

2

filter should be like 'yyyy-MM-dd' check this documentation angular filter

answered Aug 8, 2016 at 13:33

Ahmet Zeytindalı

4513 silver badges10 bronze badges

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

Comments

Ervis Trupja · Accepted Answer · 2016-08-08 13:35:29Z

1

When you write the mm in your filter the filter thinks that you mean minutes with that.
For the filter to understand the ms need to be UPPERCASE so it understands that you mean month.
Changing the filter from:

var converted = $filter('date')(new Date(vm.my_date), 'yyyy-mm-dd');

to

var converted = $filter('date')(new Date(vm.my_date), 'yyyy-MM-dd');

would fix your issue.

answered Aug 8, 2016 at 13:35

Ervis Trupja

2,8307 gold badges24 silver badges43 bronze badges

1 Comment

Dennis Wanyonyi Over a year ago

Thanks, I had no idea the fix was just that simple.

Mickers · Accepted Answer · 2016-08-08 13:32:00Z

0

Why don't you use the ui.bootstrap.dateparser? No need to create a custom filter when there's already one built into ui.bootstrap.datepicker. Angular Directives for Bootstrap

answered Aug 8, 2016 at 13:32

Mickers

1,4492 gold badges21 silver badges32 bronze badges

Collectives™ on Stack Overflow

Converting date using Angular JS filter fails

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related