Angularjs 지시어로 HTML 요소에 datepicker를 추가 할 수 있습니까?

Question

나는 요소를 통과하면 아래 그림과 같이하는 동안 AngularJS와 지침을 통해 날짜 선택기를 추가하려고하고 그것은 작동하지 않습니다,하지만 난 요소 ID를 지정하는 경우, 그것을 잘 작동합니다 :

HTML :

<input id="startdate" type="text" ng-model="i.itinerary.DapartDate" date-from /> 

app.js :

작동하지 않음 :

travelApp.directive('dateFrom', function() { 
    return function (scope, element, attrs) { 

     element.datepicker({ minDate: currentTime }); 
     element.change(function() { 
      currentTime = element.val(); 
     }); 

    } 
}) 

이

,691을 WORKING

travelApp.directive('dateFrom', function() { 
    return function (scope, element, attrs) { 

     $("startdate").datepicker({ minDate: currentTime }); 
     $("startdate").change(function() { 
      currentTime = $("#startdate").val(); 
     }); 

    } 
}) 

불행하게도 일정표에 시작일과 종료일 배열이 있기 때문에 불행히도 컨트롤 ID를 사용할 수 없으므로 일정 배열의 새로 만든 날짜 요소에이 함수를 바인딩해야하므로 불행히도 컨트롤 ID를 사용할 수 없습니다. 제발 조언.

Answer 1

작동하지 않는 예제에서 element 자체에서 .datepicker을 호출하려고하면 먼저 jQuery 객체로 만들어야합니다.

$(element).datepicker({ minDate: currentTime }); 
$(element).change(function() { 
    currentTime = element.val(); 
});