how to bind Bootstrap-datepicker element with angularjs ng-model?

Question

Here is the html for the date field :

  Check out
    

        
      

Answer 1

As @lort suggests, you cannot access the datepicker model from your controller because the datepicker has its own private scope.

If you set: ng-model="parent.checkOut"

and define in the controller: $scope.parent = {checkOut:''};

you can access the datepicker using: $scope.parent.checkOut