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

我是Angular的新手，请牢记特定的用例
我有一个包含两个字段的表单-名称和日期时间。

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

我想做什么？
这是pl子= 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上问了这个问题，建议使用自定义指令，有人可以通过示例向我提供指导吗？

由于我目前无法验证，请进一步指导我

非常感谢你

最佳答案

基于Ketan的答案，我必须编写一个新指令，并将jQuery的值形式与ng-model关联，然后使用form对其进行验证。该指令看起来像

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());
      }
    }
  }
});

可以找到punt_a

关于angularjs - Angular(新手指令): How to add date time-picker to ngModel so that it can be validated?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16512551/