Angular - 模型不在Datetimepicker更新事件上更新

Question

给出以下代码：

http://jsfiddle.net/w3L2y4xj/3/

当我点击输入部分并更新模型更改日期的值时。但是，当我单击日历图标（文本框右侧）并在生成的日历选择器框中更改日期时，模型的值不会更改。

如何在点击日历时更改模型值？

<div class='input-group date' id='datetimepickerbox'>
  <input datetimepicker class="form-control" ng-model = "day" callback-fn="ctrlFnDate(datetype)"/>
    <span class="input-group-addon">
       <span class="glyphicon glyphicon-calendar"></span>
    </span>

以下指令负责更新模型值。

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

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

有没有办法让日历图标有效？