Angularjs Jquery UI时间选择器不在Angular指令内工作

我使用的是来自的jquery timepicker。它在控制器中工作良好，但在指令中不工作。我已经包括了必要的文件——jquery.js、jquery-ui.js、jquery.timepicker.js和angularjs

在控制器内部工作的代码：

<input type="text" class="timepicker">

这在指令中是行不通的。我认为这可能是因为$（文档）在指令内部不可用。我读到我应该为计时器创建一个指令，我也试过了。控制台上没有错误

angular.module('myApp')
 .directive('jqtimepicker', function () {
   return {
    restrict: 'A',
    require: 'ngModel',
     link: function (scope, element, attrs) {
        element.timepicker({});
       }
     };
  });

在html文件中

<input type="text" class="timepicker" ng-model="testtime" jqtimepicker>

包括文件,

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/jquery-ui/jquery-ui.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script type="application/javascript" src="scripts/jquery.timepicker.js"></script>

---

请帮忙。

我看不出有什么问题。我对您的代码进行了修改：。你能在那里重现你的问题吗？好吧，我在一个指令中使用timepicker指令。我已经在编辑了你的小提琴，但这也起作用了。然而，现在在我的代码中，当我点击输入字段时，我得到了

uncaughttypeerror:cannotreadproperty'children'of undefined

error。我猜这与DOM操纵中的某些东西有关。这一次，我用另一个指令尝试了我的代码，它可以正常工作。指令中不起作用的问题是，我也在那里使用Jquery-datepicker-Jquery.datepicker.js和date.js。如果我将这两个文件注释掉，然后使用timepicker.js，它的工作就像一个符咒。我该怎么办？尝试扩展fiddle示例，直到它显示您在自己的代码中面临的错误。这有助于我们了解问题所在。我看不出问题所在。我对您的代码进行了修改：。你能在那里重现你的问题吗？好吧，我在一个指令中使用timepicker指令。我已经在编辑了你的小提琴，但这也起作用了。然而，现在在我的代码中，当我点击输入字段时，我得到了

uncaughttypeerror:cannotreadproperty'children'of undefined

error。我猜这与DOM操纵中的某些东西有关。这一次，我用另一个指令尝试了我的代码，它可以正常工作。指令中不起作用的问题是，我也在那里使用Jquery-datepicker-Jquery.datepicker.js和date.js。如果我将这两个文件注释掉，然后使用timepicker.js，它的工作就像一个符咒。我该怎么办？尝试扩展fiddle示例，直到它显示您在自己的代码中面临的错误。这将有助于我们了解问题所在。

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/jquery-ui/jquery-ui.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script type="application/javascript" src="scripts/jquery.timepicker.js"></script>