CODEWITHSUNDEEP
angularjs
user7397787
user7397787

Reputation: 1470

Change date format in angularjs

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?

Upvotes: 0

Views: 48

Answers (2)

Sachila Ranawaka
Sachila Ranawaka

Reputation: 41387

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>

Upvotes: 1

Ramesh Rajendran
Ramesh Rajendran

Reputation: 38663

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>

Upvotes: 1

Related Questions