내 datepicker는 CSS 범위에서 벗어났습니다.

Question

나는 캘린더를 독자적으로 사용하려했으나 완벽하게 작동합니다. enter link description here하지만 내가 왜 내 코드에 넣을 때 나는 캘린더를 클릭하면 상자가 순서가 이해가 안 돼. 나는 상자가 엉망이되는 원인이되는 선을 파악할 수 없다. UI.all.css와 부트 스트랩을 사용하고 있습니다. 그들은 내가 제공 한 링크가 모두의 날짜 선택기에 대한 코드는

<div class="well form-inline"> Original Image Date 
    <form> 
     <input id="date" class="span2" size="16" type="text" readonly=""/> 
    </form> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#date").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'http://beta.orbitelcom.com/wp-content/uploads/2011/03/icon_cal.jpg' }); 
     }); 
    </script> 
</div> 

Answer 1

내 로컬이

.ui-datepicker-header select.ui-datepicker-new-month { 
    height: auto; 
} 
.ui-datepicker-header select.ui-datepicker-new-year { 
    height: auto; 
} 

http://jsfiddle.net/p7rtu/2/