Unable to change date format in my response object in AngularJS

Question

I am unable to change date format in my response object

How to change this ?

$http({
            method: 'GET',
            url: 'api/url'
        }).success( function (data) {
                $scope.reports = data.data;
                console.log($scope.reports);
                    $scope.reports = $scope.reports.map(obj =>{
                        obj.created_at  = new Date(obj.created_at);
                        return obj;
                    });
          }).error(function (response){
                console.log("error");  
       });

I try to change date format with above code

I got this response

{  
   "my2":[  
      {  
         "id":5,
         "cuid":20,
         "name":"my2",
         "month":"04",
         "created_at":"2018-04-01 00:00:00",
         "updated_at":"2018-04-11 00:00:00",
         "time":"04:32 PM",
         "status":"D"
      },
      {  
         "id":4,
         "cuid":20,
         "name":"my2",
         "month":"04",
         "created_at":"2018-04-02 00:00:00",
         "updated_at":"2018-04-12 00:00:00",
         "time":"12:10 PM",
         "status":"P"
      },
   ],
   "my":[  
      {  
         "id":44,
         "cuid":21,
         "name":"my",
         "month":"04",
         "created_at":"2018-04-12 00:00:00",
         "updated_at":"2018-04-12 00:00:00",
         "time":"09:08 PM",
         "status":"P"
      }
   ],
   "Testing":[  
      {  
         "id":43,
         "cuid":19,
         "name":"Testing",
         "month":"04",
         "created_at":"2018-04-12 00:00:00",
         "updated_at":"2018-04-12 00:00:00",
         "time":"09:05 PM",
         "status":"P"
      }
   ]
}

in html i try this

{{data.created_at | date: 'dd'}}

But I got error

TypeError: $scope.reports.map is not a function

I think because of an it's object so that this problem

How to fix this ?

I think you need this one : https://stackoverflow.com/questions/14810506/map-function-for-objects-instead-of-arrays — Zooly, Apr 13 '18 at 14:49
Please don't be rude with cap' letters.. Here you error is about trying to apply `map` function on an object, that is impossible. Question I've linked to you has the answer for — Zooly, Apr 13 '18 at 14:58
Possible duplicate of [map function for objects (instead of arrays)](https://stackoverflow.com/questions/14810506/map-function-for-objects-instead-of-arrays) — Pop-A-Stash, Apr 13 '18 at 15:01
In the future, only include relevant code. We don't need to know about your `$http` request. That is not relevant to the question. — Pop-A-Stash, Apr 13 '18 at 15:02
@Zooly I tried Object.keys($scope.reports).map(function(key, index) { key.created_at = new Date(key.created_at); return key; }); — My testing, Apr 13 '18 at 15:09

score 0 · Answer 1 · answered Apr 13 '18 at 17:46

0

I suggest you to do a forEach using angularjs (It handles the two-way binding)

angular.forEach($scope.reports, function(report){
    report.createdAt = new Date(report.createdAt);
}

answered Apr 13 '18 at 17:46

Sajjad Shahi

332
1
11

Unable to change date format in my response object in AngularJS

1 Answers1