Question

저는 AngularJs로 시작합니다.

"N"캘린더를 양식에 구현해야합니다. 나는 부트 스트랩 - 날짜 선택기 (https://eonasdan.github.io/bootstrap-datetimepicker/) 내가 예를 들어

하는 HTML inputTextId를 지정하는 경우

그것은 잘 작동을 사용하고 있습니다 :

<input id='datetimepicker2' data-ng-model="vm.search.origin.from" data-ng-click="vm.showCalendar(this)" class="form-control" type="text" placeholder="MM/DD HH:MM"> 

<input data-ng-model="vm.search.origin.to" data-ng-click="vm.showCalendar(this)" class="form-control" type="text" placeholder="MM/DD HH:MM"> 

컨트롤러 :

function showCalendar(obj) 
{ 
    $("#datetimepicker2").datetimepicker(); 
} 

그것은 잘 동작 하나의 inputText를 가지고 있고, 하나 이상의 inputText를 구현하고자한다면 모든 이름과 함수를 지정해야합니다. 참조를 전달하고 사용하고 싶습니다.

reference.datepicker(); 또는 하나의 함수를 만들기 위해 그와 같은 것을 사용하십시오. 그게 가능합니까?

Answer 1

지시어가 필요한 것 같습니다. 예를 들어이 걸릴 : 그런 다음 당신이 원하는 입력에 time-picker를 추가

app.directive('timePicker', function() { 
    return { 
     link: function($scope, elem, attrs){ 
      $(elem).datetimepicker(); 
     } 
    } 
}); 

.