為什么jQuery Ui日期選擇器沒有以角度顯示？

Question

我正在嘗試使用此鏈接https://jqueryui.com/datepicker/以角度顯示jquery ui日期選擇器

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

但是它沒有顯示日期選擇器

這是我的代碼https://plnkr.co/edit/kW6eGmuPFxFvzZfKGZXv?p=preview

Answer 1

混合使用jQuery和Angular是一個壞主意。 改用AngularUI日期選擇器： https : //github.com/angular-ui/ui-date 。

Answer 2

$(iElem)將引用<date-picker> $(iElem) <date-picker> html元素，而不是模板中的實際input元素。 因此，要么選擇該<date-picker>元素內的輸入，要么在指令定義中使用replace:true

$('input',$(iElem)).datepicker(..)

要么

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

繼承人的工作叉