无法在自定义指令中调用jquery datetimepicker函数

Question

我在angularJs中做了一个自定义指令，用于显示datetimepicker。

app.directive("timePicker", function() {
            return {
                restrict: "A",
                link: function(scope, elem, attrs) {
                    //On click
                    $(elem).click(function() {
                        $(this).datetimepicker();
                    });
                }
            };
        });

在html中像这样使用它

<div>
            <input type="text" name="basic_example_1" id="basic_example_1" value="" class="hasDatepicker" 
            time-picker>
        </div>

我正在使用以下js文件。

<script src='appResources/js/jquery-ui-sliderAccess.js'></script> 
<script src='appResources/js/jquery-ui-timepicker-addon.js'></script>
<script src='appResources/js/jquery-ui-timepicker-addon-i18n.min.js'></script>
<link href="appResources/css/jquery-ui-timepicker-addon.css" rel="stylesheet" />

我从这个网站指获得的DateTimePicker 这里

Answer 1

尝试仅使用：

jquery-ui-timepicker-addon.js

并检查控制台日志，也许有错误