JQUERY PTTIMESELECT Timepicker插件需要Angular js指令

Question

请您帮助我更正Jquery pttimeselect timepicker插件的这个角度指令好吗。

http://pttimeselect.sourceforge.net/doc/documentation.html

Plunker链接：http://tinyurl.com/hr7lker

目前，我有如下指令，但收到此错误类型错误：无法读取未定义的属性“options”

app.directive('timePicker', function($parse) {
    return {
        restrict : "C",
        replace : true,
        transclude : false,
        compile : function(element, attrs) {
            var modelAccessor = $parse(attrs.ngModel);

            return function(scope, element, attrs, controller) {
                var processChange = function(i) {
                    var time = i.val();
                    scope.$apply(function(scope) {
                        modelAccessor.assign(scope, time);
                    });
                    scope.$eval(attrs.ngChange);
                };
                element.ptTimeSelect({
                    onClose : processChange
                });
                scope.$watch(modelAccessor, function(val) {
                    element.val(val);
                });
            };
        }
    };
});

Answer 1

只需更新jQuery和Angular的版本，就可以了：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.js"></script>

http://plnkr.co/edit/pp2Ce9CkEKYLhZtLni6p?p=preview