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

    });
});