datetimepicker bootstrap数据绑定不起作用

Question

我正在使用datetimepicker（取自https://eonasdan.github.io/bootstrap-datetimepicker/）并希望将日期的值存储在ng-model中。但是，即使我们进行了通常的数据绑定，日期也不存储。

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

我用这个来解决这个问题：

$(document).ready(function() { 

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

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

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

    }); 
});