将datetimepicker连接到angularjs

因此，问题是：

1. 改变

   ng_model

   每

   ng-model

   在

   div id=date

   元件;

2. ng_model

   从

   input

   元素中删除并实现

   ngModelCtrl.$render

   功能，以将模型更改呈现给元素
3. 根据组件文档：

唯一公开的事件是“ changeDate”，它将在事件对象上公开“ date”和“ localDate”属性

因此，您需要以其他方式处理变更事件，请看：

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

这是工作中的Plnkr。

一些其他提示：

1. 如前所述，删除内部

   ng-model

   并实施

   ngModelCtrl.$render

   以处理模型更改
2. 使用

   template

   属性以封装组件的内部元素

一个使用$ render的非常简单的示例：

var picker = element.data('datetimepicker');ngModelCtrl.$render = function() {  if (ngModelCtrl.$modelValue) {    picker.setLocalDate(ngModelCtrl.$modelValue);  } else {    picker.setLocalDate(null);  }}