为什么JSFIDLE上的AngularJS指令找不到jQuery UI？

我试图得到一个AngularJS指令，它使用jQueryUI在JSFIDLE中工作

• 直接使用jQueryUI时效果良好
• 安格拉斯作品
• 但指令报告：“element.datepicker不是函数”

我需要做什么才能让jQuery UI在JSFIDLE中的指令内工作？

HTML

---

只需用$（）包装您的指令即可

因为jQuery在angular之后加载，所以默认情况下angular会选择jqLite

或者在脚本标记angularjs中首先加载jQuery。。您可以从FIDLE中的默认库中选择angular，并将jQuery添加为外部

$(element).datepicker({
                dateFormat: 'DD, d  MM, yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });

angular.module('mainApp', [])
.controller('mainController', function($scope) {
    $scope.message = 'test111';
    $('#normal').datepicker();
})
.directive('jqdatepicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
         link: function (scope, element, attrs, ngModelCtrl) {
            element.datepicker({
                dateFormat: 'DD, d  MM, yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });
        }
    };
});

$(element).datepicker({
                dateFormat: 'DD, d  MM, yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });