datepicker에서 JqueryUi를 사용하는 틀린 레이아웃

나는이 간단한 코드를 공식 사이트에서와 같이 가지고 있습니다.datepicker에서 JqueryUi를 사용하는 틀린 레이아웃

<html> 
    <head> 
<meta charset="utf-8"> 
<title>jQuery UI Datepicker - Default functionality</title> 
<link rel="stylesheet" href="jquery.ui.all.css"> 
<script src="jquery-1.6.2.js"></script> 
<script src="jquery.ui.core.js"></script> 
<script src="jquery.ui.widget.js"></script> 
<script src="jquery.ui.datepicker.js"></script> 
<link rel="stylesheet" href="demos.css"> 
    <script> 
$(function() { 
    $("#datepicker").datepicker({ dateFormat: 'yy-mm-dd' }); 
}); 
</script> 
    </head> 
    <body> 
    <div class="demo"> 
    <p>Date: <input type="text" id="datepicker"></p> 
    </div> 
    </body> 
    </html>

분명히 같은 폴더에서 관심있는 파일을 옮겼습니다. 하지만 레이아웃이 끔찍합니다. 확실히 놓치기 때문에. 출력 내용 : http://imageshack.us/photo/my-images/854/wrongdate.png/

이 문제를 어떻게 해결할 수 있습니까? 감사합니다.

출처

2011-11-04 Anonymous

'images' 폴더도 이동 했습니까? – ComFreek

아니요. 나는 smothness 테마와 폴더 "image"를 발견했습니다. 지금 어디에서 올바르게 움직일 수 있습니까? 경로를 변경해야합니까? –

이 폴더는 jQuery UI CSS 파일과 동일한 폴더에 있어야합니다. – ComFreek

감히 스타일 파일이라고 말하면 파일 경로가 잘못되었거나 파일이 손상되었을 수 있습니다. 다음과 같은 두 가지 예를 참조하십시오

CSS를하지 않고 : CSS로 http://jsfiddle.net/william/5Xa8f
: http://jsfiddle.net/william/5Xa8f/2/

단순히 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css와 jquery.ui.all.css 교체는 문제가 확인하고 문제가 해결되었는지 확인하십시오.

출처

2011-11-05 21:29:15

datepicker에서 JqueryUi를 사용하는 틀린 레이아웃

답변

관련 문제