twitter-bootstrap – 将datetimepicker连接到angularjs

我需要使用angular bootstrap创建一个带日期和时间的输入字段.
我发现这个 datetime picker看起来很兴奋我需要 – 在一个字段中的日期和时间,并阻止用户错误的版本.
我写了一个指令,datepickers开始,但它改变了视图,模型没有改变……我也试过onSELEct,但也没有任何反应

<div class="container container-fluid" ng-controller="Ctrl1">
2+2={{2+2}},var1={{var1}}
    <form class="form-horizontal" novalidate name="form" ng-submit="submit()">
    <div class="well">
        <div id="date" class="input-append" datetiR_684_11845@ez ng_model="var1">
            <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text" id="input1" name="input1" ng_model="var1"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
        </div>
    </div>
</form>

</div>

JS

var project = angular.module('project',['ui.bootstrap']);

project.directive('datetiR_684_11845@ez',function() {
    return {
        reStrict: 'A',require : 'ngModel',link: function(scope,element,attrs,ngModelCtrl) {
            $(function(){
                element.datetiR_684_11845@epicker({
                    dateFormat:'dd/MM/yyyy hh:mm:ss',language: 'pt-BR',onSELEct:function (datE) {
                        //alert('zz');
                        ngModelCtrl.$setViewValue(datE);
                        scope.$apply();
                    }
                });
            });
        }
    };
});

project.controller('Ctrl1',['$scope','$rootScope',function(scope,rootScopE){

    scope.var1="123";

}]);

怎么解决？连接？

element.datetiR_684_11845@epicker({
  dateFormat:'dd/MM/yyyy hh:mm:ss',language: 'pt-BR'
  }).on('changeDate',function(E) {
    ngModelCtrl.$setViewValue(e.datE);
    scope.$apply();
  });

var picker = element.data('datetiR_684_11845@epicker');

ngModelCtrl.$render = function() {
  if (ngModelCtrl.$modelvalue) {
    picker.setLocalDate(ngModelCtrl.$modelvalue);
  } else {
    picker.setLocalDate(null);
  }
}