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

Question

Here is the html for the date field :

  Check out
    

        
      

Answer 1

To solve this, I have my HTML looking like this:

My ng-model wouldn't update, so I used this to fix it:

$("#datetimepicker1").on("dp.change", function (e) {
    $scope.date.arrival = $("#arrival").val(); // pure magic
    $('#datetimepicker2').data("DateTimePicker").minDate(e.date); // this line is not relevant for this example
});