datetimepickerブートストラップデータバインドが動作しません

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(); 

    }); 
});