Parse date in AngularJs

Question

I have an date in format /Date(1451602800000)/.

I would like to show this date in 'short' format.

I tried {{myDate | date:'short'}} but the result is /Date(1451602800000)/

Possible duplicate of Angular date parsing unexpected output — Harshal Patil
– Harshal Patil, Commented Feb 24, 2017 at 8:53

yuc · Accepted Answer · 2017-02-25 05:17:25Z

1

here is another approach.
I use the RegExp from @sachila ranawaka
in js:

.filter('regexp', function(){
    return function(input){
        return input.match(/\/Date\(([0-9]*)\)\//)[1];
    };
});

in html:

{{ myDate | regexp | date:'short' }}

this way you can use angular date filter on your preference.

ref: https://docs.angularjs.org/api/ng/filter/date

edited Feb 25, 2017 at 5:17

answered Feb 24, 2017 at 10:56

yuc

5082 gold badges4 silver badges14 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2017-02-24 08:25:07Z

0

Use a custome filter like this

angular.module("app",[])
.controller("ctrl",function($scope){
	$scope.date = "\/Date(1451602800000)\/";
})
.filter("mydate", function() {
    var re = /\/Date\(([0-9]*)\)\//;
    return function(x) {
        var m = x.match(re);
        if( m ) return new Date(parseInt(m[1]));
        else return null;
    };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  {{date |mydate  }} <br>
  {{date |mydate | date: 'yyyy-MM-dd HH:mm' }}
</div>

answered Feb 24, 2017 at 8:25

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Collectives™ on Stack Overflow

Parse date in AngularJs

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related