La liaison de données bootstrap datetimepicker ne fonctionnait pas

Question

Je travaillais sur datetimepicker (tiré de https://eonasdan.github.io/bootstrap-datetimepicker/) et je voulais stocker la valeur de la date dans ng-model. Cependant, la date n'est pas stockée même si nous avons fait la liaison de données habituelle.

HTML

<div class="form-group col-xs-3 col-sm-3 col-md-3 col-lg-3 input-group date" id="equipList"> 
     <label for="date">Selection of Year</label> 
     <input type="text" id="datetimepicker11" class="form-control" placeholder="Year" data-ng-model="yearFilter"/> 
     </div> 

     {{yearFilter}} 

JS

$(document).ready(function() { 

     $('#datetimepicker11').datetimepicker({ 
       viewMode: 'years', 
       format: 'YYYY' 
      }); 
}); 

Answer 1

J'ai utilisé ce pour le résoudre:

$(document).ready(function() { 

     $('#datetimepicker11').datetimepicker({ 
       viewMode: 'years', 
       format: 'YYYY' 
      }); 

     $("#datetimepicker11").on("dp.change", function() { 

     $scope.yearFilter = $("#datetimepicker11").val(); 

    }); 
});