Неправильный макет с использованием JqueryUi в DatePicker - PullRequest
0 голосов
/ 04 ноября 2011

У меня есть этот простой код, например, на официальном сайте.

    <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/

Как я могу решить эту проблему?Спасибо.

1 Ответ

0 голосов
/ 06 ноября 2011

Осмелюсь сказать, что это файл стиля: возможно, у вас неправильный путь к файлу или файл поврежден. Смотрите следующие два примера:

  1. без css: http://jsfiddle.net/william/5Xa8f
  2. с css: http://jsfiddle.net/william/5Xa8f/2/

Чтобы подтвердить, что это проблема, просто замените jquery.ui.all.css на http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css и посмотрите, исправлена ​​ли проблема.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...