jQuery UI datepicker로 이전 및 다음 버튼이 새 라인에 표시됩니다.

이것은 Opera 11, Firefox 3.6.13 및 IE 8에서 발생합니다. 이전 및 다음 버튼을 만드는 모든 datepickers에서 자체적으로 표시됩니다 월과 해의 위의 라인. 이것은 내 사용자 정의 롤백 테마에서 발생하고 UI Lightness를 사용하여 새로 다운로드 한 사용자 정의 CSS가 추가되지 않았습니다. jQuery UI 버전 1.8.9 및 jQuery 1.4.3을 사용하고 있습니다. UI 1.8.7 및 jQuery 1.4.4를 사용하여 jsFiddle에서 재현했습니다.jQuery UI datepicker로 이전 및 다음 버튼이 새 라인에 표시됩니다.

JS Fiddle Example

내 코드 :

$(document).ready(function() { 
    var dates = $('.date').datepicker(); 
});

HTML :

<html> 
    <head> 
    </head> 
    <body class="ui-widget"> 
     <div id='mainApplication' class="ui-widget"> 
      <div id="menuBar" class="ui-widget"> 
       <br /> 
       <span><strong>Start Date:</strong></span><br> 
       <input type="text" id="start" class="date"><br> 
       <span><strong>End Date:</strong></span><br> 
       <input type="text" id="end" class="date"><br> 
      </div> 
     </div> 
    </body> 
</html>

출처

2011-02-17 Bkress

는 CSS의 문제처럼 보인다. demo example의 css (방화 광구 사용)와 작성한 내용을 비교해 보면 css가 다르다는 것을 알 수 있습니다. "리소스 추가"를 통해 URL로 "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css"라는 CSS 파일을 추가하면 올바른 레이아웃을 얻을 수 있습니다 .

출처

2011-02-18 15:19:25

발견 주셔서 감사합니다. 어떻게 든 테마 롤러에서 CSS를 다운로드하면 datepicker에 대한 정의가 누락되었습니다. 올바른 비트를 선택했는지 확인하는 신선한 다운로드가이 문제를 해결했습니다. – Bkress

jQuery UI datepicker로 이전 및 다음 버튼이 새 라인에 표시됩니다.

답변

관련 문제