2013-06-11 2 views
3

다중 날짜 달력을 구현해야합니다. 나는이 예제를 따라하려고 시도했다 : http://multidatespickr.sourceforge.net/JQuery의 multiDatesPicker가 작동하지 않습니다.

불행하게도 이것은 작동하지 않는다. 콘솔에 오류가 표시되지 않는다. 아무 반응이 없습니다. 나는 아마 뭔가를 잊어 버렸다.

미리 도움을 주셔서 감사합니다. 내 코드는 아래와 같습니다.

포함 된 js 파일. 스크립트 태그 내부

<script type="text/javascript" src="jsCalendar/jquery-1.7.2.js"></script> 
<script type="text/javascript" src="jsCalendar/jquery.ui.core.js"></script> 
<script type="text/javascript" src="jsCalendar/jquery.ui.datepicker.js"></script> 
<script type="text/javascript" src="jsCalendar/jquery-ui.multidatespicker.js"></script> 

코드는 multiDatesPicker 인스턴스를 초기화합니다.

<script type="text/javascript">   
     $("#date").multiDatesPicker(); 
     $("#btnRepercute").click(function() { 
       $("#date").multiDatesPicker("show"); 
     }); 
</script> 

HTML은 multiDatesPicker 인스턴스를 바인딩합니다.

<input type="button" value="Répercuter" class="button" id="btnRepercute"/> 
<input type="text" id="date" class="hidden" /> 

추신 : 난 당신이 문서가 준비되면 코드를 호출하는 것을 잊었다

답변

5

간단한 사용이 필요합니다.

그 사이에 자바 스크립트 코드를 넣어 :

$(document).ready(function(){ 
    /* YOUR CODE HERE */ 
}); 
+1

@BYU 괜찮습니다. 우리는 모두 한 번 이상 해냈습니다! –

1
<script type="text/javascript">  
$(document).ready(function(){ 
$("#date").multiDatesPicker(); 
    $("#btnRepercute").click(function() { 
      $("#date").multiDatesPicker("show"); 
    }); 
}); 

관련 문제