jQuery : datepicker가 날짜를 삽입하는 입력 필드와 다른 요소에서 datepicker를 활성화하려면 어떻게해야합니까?

Question

이것은 내가 원하는 방식으로 작동하지 않습니다. 현재 텍스트 필드는 datepicker를 활성화합니다. 하지만 버튼의 클릭이 날짜 선택기를 활성화하려면 :

<script type="text/javascript"> 
     $j(function() { 
      $j(".prop-expiry input").datepicker({ 
       showTrigger: '#exp-date-button' 
      }); 
     }); 
    </script> 

이가하는,하지만 난 (현재는 IMG을 모두 보여줍니다 날짜 선택 버튼 호버 이미지를 사용할 수 있도록하고 싶습니다, 그리고 호버 IMG합니다 ... PNG는 스프라이트 원인) 내가 표시 할 날짜 선택기를 원하는

<script type="text/javascript"> 
$(function() { 
    $(".prop-expiry input").datepicker({ 
     showOn: 'button', 
     buttonImage: '..images/btn_datepicker.png', 
     buttonImageOnly: true 
    }); 
}); 
</script> 

그리고 내 필드/버튼 :.

이

<input class="input-field hasDatepicker" 
     id="object_expires_at" 
     name="object[expires_at]" 
     onclick="$j('.prop-expiry input').val(''); 
       $j('.prop-expiry input').css('color', 'black');" 
     size="30" type="text" 
     value="Enter or pick a date"> 
<a id="exp-date-button" class="date-picker">Expiration Date</a> 

내가 원하는 무엇 : 사용자가를 클릭을 # exp-date-button

그런 다음 datepicker가 나타납니다.

아이디어가 있으십니까? 내가 코드 당신이 그런 일해야 않는 것을 알고있는 것처럼

Answer 1

는 : 호버 상태를 들어

$("#exp-date-button").datepicker({ 
    /* your config */ 
}); 

을 나는 CSS의 솔루션을 제안한다. 덜 javascript는 항상 더 좋습니다;) 그리고 어떤 jQuery Datepicker를 사용하고 있습니까?