Change date format using angular js

Question

I have date field coming from database 2015-10-01 in this format.I want to print date in separate form i.e. I mean to say month as a Oct and date as a 01. I am using below code in my html.

userproduct.Date| cmdate:'dd/MM/yyyy'

I have created cmdate filter like this.

.

filter('cmdate', [
            '$filter', function($filter) {
                return function(input, format) {
                    //console.log(input);
                    //console.log(format);
                    if (input !== null) {
                        //breaks DB date to array
                        var parts = input.split(/[-]/).filter(function(str) {
                            return str !== '';
                        });
                        //Takes date with time and returns array with date at 0th position
                        var date = parts[2].split(/[ ]/).filter(function(str) {
                            return str !== '';
                        });
                    }
                    var finalDate = date[0] + '/' + parts[1] + '/' + parts[0];
                    return finalDate;
                };
            }
        ])

but this is not giving me date like this

Why not just userproduct.Date| date:'dd/MM/yyyy' ?

dfsq
– dfsq

2015-10-19 06:26:59 +00:00
Commented Oct 19, 2015 at 6:26 — dfsq
– dfsq, Commented Oct 19, 2015 at 6:26

michelem · Accepted Answer · 2015-10-19 06:30:52Z

1

You can use the built-in filter date:

$scope.theDate = '2015-10-01';

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

It returns:

1 Oct 2015

Or

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

Returns:

Oct 1

Please refer to this for all the possible combination you have https://docs.angularjs.org/api/ng/filter/date

edited Oct 19, 2015 at 6:30

answered Oct 19, 2015 at 6:27

michelem

14.6k5 gold badges55 silver badges67 bronze badges

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

2 Comments

Deepanshu Agrawal Over a year ago

No I don't want like this I want to print like this

michelem Over a year ago

How do you want it? Show us what you want to return.

hoijui · Accepted Answer · 2015-10-19 08:11:15Z

1

You can use

userproduct.Date| date:'MMM d'

It returns

Oct 1

edited Oct 19, 2015 at 8:11

hoijui

4,0822 gold badges39 silver badges47 bronze badges

answered Oct 19, 2015 at 6:34

Lewis Hai

1,21411 silver badges23 bronze badges

Collectives™ on Stack Overflow

Change date format using angular js

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related