표시 날짜 선택은

Question

나는 JQuery와 - UI의 날짜 선택기를 사용하여 두 날짜 입력 필드를 만들려고하고있다() 함수, 봇 필드는 "날짜 선택기"의 ID가 : <input type="text id="datepicker" name="publishUp"> 및 <input type="text id="datepicker" name="publishDown">

I을 "활성화 된"필드에만 달력을 표시하기를 기대하면서 다음과 같이 이벤트 포커스에 함수를 연결하려고 시도했지만 작동하지 않습니다. 어디서 잘못 되었을까?

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
    <script> 
     $("#datepicker").focus(function() { 
     $(this).datepicker(); 
     }); 
    </script> 

Answer 1

입력란이 활성화되었을 때만 표시되는 것이 datepicker의 기본 동작입니다. 이벤트 처리기에서 datepicker를 꺼냅니다.

동일한 ID로 여러 입력을해서는 안됩니다. $("#datepicker") 선택기는 첫 번째 선택기 만 찾습니다. 여러 개의 datepicker 입력을 원할 경우 클래스를 대신 사용하십시오.

<input type="text" class="datepicker" name="publishUp"> 
<input type="text" class="datepicker" name="publishDown"> 

를하고 jQuery를 다음과 같아야합니다 : 그래서 HTML은해야

$(function() { 
    $(".datepicker").datepicker({ 
     // options 
    }); 
});