AngularJS : ng-model binding not updating when changed with jQuery

javascript jquery angularjs data-binding angular-ngmodel

Angular doesn't know about that change. For this you should call $scope.$digest() or make the change inside of $scope.$apply():

$scope.$apply(function() {    // every changes goes here   $('#selectedDueDate').val(dateText); });

See this to better understand dirty-checking

UPDATE: Here is an example

javascript jquery angularjs data-binding angular-ngmodel

Just use;

$('#selectedDueDate').val(dateText).trigger('input');

javascript jquery angularjs data-binding angular-ngmodel

I have found that if you don't put the variable directly against the scope it updates more reliably.

Try using some "dateObj.selectedDate" and in the controller add the selectedDate to a dateObj object as so:

$scope.dateObj = {selectedDate: new Date()}

This worked for me.

CodeHunter