How to update controller variable from jquery?

Question

I have a date picker widget, and I want to pass the picked date to the controller. I have this script snippet in my view:

        <div id="datepicker"></div>
        <script type="text/javascript">
        $('#datepicker').datepicker();
        $('#datepicker').datepicker()
        .on('changeDate', function(ev){

          alert(ev.date);
        });
        </script>

How to send this "ev.date" to the controller?

I want it to affect controller variable so this change is then picked up by a directive and dom is modified in the directive.

This tells me nothing :( I only started with angularjs yesterday. Can you post an example on how to send data to a variable in controller? — LucasSeveryn
– LucasSeveryn, Commented Jun 2, 2013 at 19:06

joakimbl · Accepted Answer · 2013-06-02 19:16:51Z

10

You can do something like this:

$('#datepicker').datepicker()
  .on('changeDate', function(ev){
     //get a hold of controller and scope
     var element = angular.element($('#datepicker'));
     var controller = element.controller();
     var scope = element.scope();

     //as this happends outside of angular you probably have to notify angular of the change by wrapping your function call in $apply
     scope.$apply(function(){
       scope.updateDateFunction(ev.date);
     });
 });

See: http://docs.angularjs.org/api/angular.element

edited Jun 2, 2013 at 19:16

answered Jun 2, 2013 at 19:10

joakimbl

18.1k5 gold badges57 silver badges53 bronze badges

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

2 Comments

LucasSeveryn Over a year ago

I have created an updateDateFunction definition in the controller: $scope.updateDateFunction = function (date){ $scope.pickedDate = date; }; and used your code, unfortunately it does not work and gives the following error: Object [object Object] has no method 'updateDateFunction' The function is not misspelled.

joakimbl Over a year ago

You put the function on the $scope, not the controller (which is normal, I'll update my code to fit your structure)

Collectives™ on Stack Overflow

How to update controller variable from jquery?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related