Date is not being formatted properly as requested; angularjs

Question

I am trying to get the date in formate of dd/MM/yyy and pass it on to my URI, the date is being passed but not in the format requested. Here is my HTML code:

<script type="text/ng-template" id="getnewplaces.html" class="users">
    <h1>{{message}}</h1>
    <form name="myform" id="myform1" ng-submit="fetch()">
    <input type="date" ng-model="date" value="{{ 'date' | date: 'dd/MM/yyyy' }}" />
        <div>
            <center>
                <button type="submit" >Fetch</button>
            </center>
        </div>
    </form>
    <ul ng-repeat="newUser in newUsers">
      <li>{{newUser}} </li>
    </ul>
</script>

Angular Controller:

yApp.controller('NewPlacesCtrl', function ($scope, $http) {
    $scope.fetch = function () {

        var formdata = {
            'date': this.date
        };

        var inserturl = 'http://websitelink/getnewusers?date=' + this.date;

        $http.get(inserturl).success(function (data) {
            console.log(formdata);
            $scope.newUsers = data;
            console.log(inserturl);
            console.log(data);
            $scope.message = 'List of New places';
        })
    }
});

This is my console out put:

Object {date: "2014-07-24"}
/getnewusers?date=2014-07-24

Did you try instead {{ 'date' | date: 'dd/MM/yyyy' }} to write: {{ date | date: 'dd/MM/yyyy' }} ? — Maxim Shoustin
– Maxim Shoustin, Commented Jul 8, 2014 at 13:06

Thor Jacobsen · Accepted Answer · 2014-07-08 13:06:59Z

1

The filter you're using in your markup only modifies the view - not the actual model.

To apply the filter to the date in the contoller, inject $filter and use it:

yApp.controller('NewPlacesCtrl', function($scope,$http,$filter) {
  $scope.fetch= function(){

    var formdata = {'date' : $filter('date')(this.date, 'format') };
    ...
  }
});

Also, using this.date will not be able to reflect in the view - you should use $scope.date in order to do that. And, the markup should then be value="{{ date | date: 'dd/MM/yyyy' }}"

answered Jul 8, 2014 at 13:06

Thor Jacobsen

8,8992 gold badges29 silver badges26 bronze badges

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

2 Comments

lcoderre Over a year ago

Accept his answer then :-)

butYouDontLookLikeADeveloper Over a year ago

Also do you know how would I use filter for Type="month"

Collectives™ on Stack Overflow

Date is not being formatted properly as requested; angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related