jquery timepickers의 두 가지 유형을 표시하고 싶습니다.

Question

2 개의 시간 피클을 diffrentciate하고 싶습니다. 이전에는 두 개의 시간 피커가 하나의 텍스트 상자에 표시되었습니다. 이제 두 개의 시간 표시기가 오른쪽 텍스트 상자에 표시됩니다. 하지만 한 가지 문제가 있습니다. 텍스트 상자 (기간 텍스트 상자)에서 trent richardson jquery timepicker를 표시하고 다른 텍스트 상자 (시작 텍스트 상자)에서 francois gelinas timepicker를 표시하려고합니다.

현재 두 텍스트 상자 모두 트렌트 리차드슨 타임 피커를 사용하지만 코드에서 트렌트가 맞고 다른 하나가 프랑소와임을 알 수 있도록 두 함수를 구분하는 방법을 알지 못합니다.

JQuery와 및 HTML 코드는 다음과 같습니다 :

 $(function() { 
      $('#timepicker').timepicker({ //francois timepicker 
     showOn: 'button', 
     button: '.timepicker_button_trigger'}); 


      $('#durationpicker').timepicker({ //trent's timepicker 

       }); 

     }); 

    <form action="QandATable.php" method="post" id="sessionForm"> 


<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" /></span> 

<p><strong>5: Start Time:</strong> <input type="text" id="timepicker" name="timeChosen" readonly="readonly" /><span class="timepicker_button_trigger"><img src="Images/clock.gif" alt="Decrease" /></span> 
       <br/><span id="dateTimeAlert"></span></p> 
    </form> 

는 (그는 날짜와 timepicker 추가 그는 단지 timepicker이있는 페이지 아래 하나가 있습니다) here을 클릭 트렌트의 timepicker 볼 수 있습니다. 그들은 모두 동일한 $ 설정됩니다

는 here을 클릭 timepcker 프랑소와의보고 (이 timepicker 시간을 따기 위해 더 낫다 그러나 트렌트의가하는 동안 초를 포함하지 않는) 둘 다 좋은 jQuery 플러그인의 지침을 따르 가정

Answer 1

.fn.timepicker 객체를 자신의 메서드에 추가합니다. 두 플러그인을 사용하려면, 나는 ...

$.fn.trentTime = function(){ ... } 

및 코드에서

...

당신이 플러그인에

... 뭔가 다른 소스 코드 중 하나를 변경해야합니다 생각

$('#durationpicker').trentTime({ ... });