angularJs date formatting on input field change

Question

This is my input field for date:

        <div class="input-group date">
            <input type="text" class="form-control" id="datepicker" placeholder="dd/mm/yyyy" ng-model="abs.date">
        </div>

value of this field is updated based on item selected in smart table. The problem is that what is displayed upon selecting an item is a timestamp and i need it to be in "dd/mm/yyyy" format. How do i apply a filter in this case without modifying the $scope value behind it?

C. Molendijk · Accepted Answer · 2016-05-24 11:22:23Z

0

You can do that by adding "| date:'dd/MM/yyyy'" to you binding. Like this:

<div class="input-group date">
            <input type="text" class="form-control" id="datepicker" placeholder="dd/mm/yyyy" ng-model="abs.date | date:'dd/MM/yyyy'">
        </div>

answered May 24, 2016 at 11:22

C. Molendijk

2,8944 gold badges29 silver badges40 bronze badges

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

3 Comments

Bettimms Over a year ago

BTW this does the job but throws error because of the reason here docs.angularjs.org/error/ngModel/nonassign

C. Molendijk Over a year ago

If it throws that error, it can be 2 things. 1 there is no value or 2 it is not a date object in javascript. For the last one you then need to convert your value to a date. That fixes the error for my most of the times.

Bettimms Over a year ago

It throws the error for the reason mentioned in angularjs official page. None of your cases are valid. It has value, object is date and throws error. ng-model is simply holder of the value not for data manipulation. A better approach is to make a directive for that. A good example here stackoverflow.com/questions/14474555/…

Collectives™ on Stack Overflow

angularJs date formatting on input field change

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related