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

时间:2014-12-10 08:45:16

标签: javascript jquery angularjs angularjs-directive

我在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 here

1 个答案:

答案 0 :(得分:0)

尝试仅使用:

jquery-ui-timepicker-addon.js

并检查控制台日志,可能有错误