Angularjs update model partially in input value

Question

i've a strange behaviour with a model.

$scope.ev = temp;

<input type="text" class="form-control" id="inputDataFineEv" ng-model="ev.dataOraFineEvento" placeholder="Data fine" value="{{ev.dataOraFineEvento | date:'dd/MM/yyyy'}}">

The result in html source is:

<input type="text" class="form-control ng-pristine ng-untouched ng-valid" id="inputDataFineEv" ng-model="ev.dataOraFineEvento" placeholder="Data fine" value="12/09/2015">

and on screen i see timestamp

screenshot

What am I doing wrong?

Thanks

What is temp? Or what is dataOraFineEvento?

michelem
– michelem

2015-09-01 13:21:05 +00:00
Commented Sep 1, 2015 at 13:21 — michelem
– michelem, Commented Sep 1, 2015 at 13:21

michelem · Accepted Answer · 2015-09-01 13:30:38Z

0

First of all you can't use the value attribute with an ng-model because it's ng-model to do the bind, so you should filter the date from the controller to directly bind it filtered:

HTML:

<input type="text" class="form-control" id="inputDataFineEv" ng-model="ev.dataOraFineEvento" placeholder="Data fine">

JS:

angular.module('myApp', ['ngSanitize'])
    .controller('dummy', ['$scope', '$filter', function ($scope, $filter) {

    $scope.ev = {
        dataOraFineEvento: $filter('date')((1441113680*1000), 'mm/dd/yyyy')
    };

}]);

JSFiddle

answered Sep 1, 2015 at 13:30

michelem

14.6k5 gold badges55 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

Angularjs update model partially in input value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related