jquery - Bootstrap DateTimePicker - Angular 的更改事件

Question

鉴于以下演示:

http://jsfiddle.net/ADukg/8851/

我希望每次日期更改时我的 Controller 值都会更新。因此，每次从下面的框中选择新日期时，ng-model 的值都会更改。

但是，在使用以下指令时，我收到上面写的错误。

app.directive('datetimepicker', function () {
    return {
        restrict: 'A',
        require : 'ngModel',
        link : function (scope, element, attrs, ngModelCtrl) {

            element.datetimepicker({

                onRender:function (date) {

                    // Triggers a digest to update your model
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(date);
                    });

                }

            });
        }
    } 
});

如何检测日期时间选择器的 Angular 变化？

Answer 1

Bootstrap 的 datetimepicker 插件不支持构造函数选项中的 change 事件，但您可以使用 dp.change 事件您刚刚添加了 datetimepicker 的元素:

  element.datetimepicker({});
  element.on('dp.change', function(event) { 
    scope.$apply(function () {
      ngModelCtrl.$setViewValue(event.date.format());
    });
  })

这是您的 jsfiddle 的更新:
http://jsfiddle.net/dekelb/fc9kuy3x/3/