Change date format in angularjs

Question

I am getting date format like this /Date(1497683045200)/.
I want to convert it as dd/MM/yyyy. I tried this

 <td>{{data.From |  date:'MM/dd/yyyy' }}</td>

But format is not changed.Any suggestion?

plnkr.co/edit/fCy5WDLKUwChMnRPsdY5?p=preview

selvakumar
– selvakumar

2017-06-20 06:33:28 +00:00
Commented Jun 20, 2017 at 6:33 — selvakumar
– selvakumar, Commented Jun 20, 2017 at 6:33
@selvassn I tried this format but,I dint get the result.

user7397787
– user7397787

2017-06-20 06:35:16 +00:00
Commented Jun 20, 2017 at 6:35 — user7397787
– user7397787, Commented Jun 20, 2017 at 6:35

Sachila Ranawaka · Accepted Answer · 2017-06-20 06:38:38Z

1

create a custom filter like this

.filter('jsonDate',function(){
  return function(date){
    return new Date(date.match(/\d+/)[0] * 1);
  }
})

call it like this

<td>{{data.From |  jsonDate |  date:'MM/dd/yyyy'}}</td>

edited Jun 20, 2017 at 6:38

answered Jun 20, 2017 at 6:28

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

2 Comments

user7397787 Over a year ago

thanks. But am getting like this "2017-06-18T18:30:00.000Z" can I use dd/MM/yyyy filter after jsonDate

Sachila Ranawaka Over a year ago

@user7397787 use it like this <td>{{data.From | jsonDate | date:'MM/dd/yyyy'}}</td>

Ramesh Rajendran · Accepted Answer · 2017-06-20 06:29:32Z

1

try this

formatDate(date) {
        let d = new Date(date),
            month = '' + (d.getMonth() + 1),
            day = '' + d.getDate(),
            year = d.getFullYear();
        if (month.length < 2) month = '0' + month;
        if (day.length < 2) day = '0' + day;
        return [ month, day, year].join('/');
    }

Call that custom method on HTML

<td>{{formatDate(data.From)}}</td>

answered Jun 20, 2017 at 6:29

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Collectives™ on Stack Overflow

Change date format in angularjs

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