Javascript 为什么jQueryUI日期选择器不以角度显示？

我正试图使用此链接在angular中显示jQueryUI日期选择器 我很喜欢

function datePickerDirective() {

  var directive = {
    restrict: 'E',
    scope: {
      date: '=',
      placeHolder: '@',
      isRequired: '=',
      name: '@'
    },
    template: '<input ng-model="date" placeholder="{{placeHolder}}" type="text" />',
    link: function($scope, iElem, iAttr) {

      $(iElem).datepicker({
        maxDate: "+3m +2w",
        minDate: new Date(),
        onSelect: function(date) {
          $scope.$apply(function() {
            $scope.date = date;
          });
        }
      });
    }
  };

  return directive;
}

函数datePickerDirective（）{ var指令={ 限制：'E'， 范围：{ 日期：'='， 占位符：“@”， isRequired:“=”， 姓名：'@' }, 模板：“”， 链接：功能（$scope、iElem、iAttr）{ $（iElem）.日期选择器({ 最大日期：“+3m+2w”， minDate:新日期（）， onSelect：功能（日期）{ $scope.$apply（函数（）{ $scope.date=日期； }); } }); } }; 返回指令； } 但它并没有显示datepicker

这是我的密码

---

混合使用jQuery和Angular是个坏主意。改用AngularUI日期选择器：。

$（iElem）

将引用

html元素，而不是模板中实际的

输入

元素。因此，或者选择

元素中的输入，或者在指令定义中使用

replace:true

$（'input'，$（iElem））.datepicker（..）

或

---

这里有一个工作

是的，但目前我只使用jquery UI。请删除此答案这应该是一个注释。我也同意，混音是在问问题

scope: {
                date: '=',
                placeHolder: '@',
                isRequired: '=',
                replace:true,
                name: '@'
            },