не удалось вызвать функцию 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 here

Answer 1

попробовать использовать только:

jquery-ui-timepicker-addon.js 

и проверить журнал консоли, может быть, есть ошибки