angularjs - Angular(指令新手): How to add date time-picker to ngModel so that it can be validated?

Question

我对 Angular 很陌生，并且有一个特定的用例
我有一个包含两个字段的表单 - 名称和日期时间。

名称是 ng-model 但日期时间不是，因为它不是 Angular 的一部分，而是一个 jquery 组件

我想做的事？
这是 plunker = http://plnkr.co/edit/wGrvXAFmPGoYSwh9GfxH?p=preview

a.) 我想将日期与 ngModel 相关联，例如 ngModel="transaction.date"
b.) 将其验证为 需要 使用 Angular 方式

看起来像的东西(很像 Angular)

<input type="text" name="transactionDate" ng-model="transaction.date" data-date-format="yyyy-mm-dd hh:ii" required>

为什么？
a.) 以 Angular 方式处理事物
b.) 它使模型在测试、验证时更加一致

我在 Stackoverflow 上问过这个问题并且建议使用自定义指令，有人可以通过示例指导我如何做吗？

请进一步指导我，因为我目前无法验证它

非常感谢

Answer 1

根据 Ketan 的回答，我必须编写一个新指令并将值表单 jQuery 关联到 ng-model，然后使用表单进行验证。该指令看起来像

app.directive('dateTime', function(){
  return {
    restrict: 'A',
    require: '?ngModel',
    link: function(scope, element, attrs, ngModel){
      if (!ngModel) {
        console.log('no model, returning');
        return;
      }

      element.bind('blur keyup change', function() {
        console.log('datetime changed: ', $('.form_datetime input').val());
        scope.$apply(read);
      });

      read();

      function read() {
        ngModel.$setViewValue(element.val());
      }
    }
  }
});

plunker 可以找到 here