Блог

Главная - Вопросы по программированию - Неправильный макет с использованием jQueryUI в datepicker

Неправильный макет с использованием jQueryUI в datepicker

#jquery-ui #layout #date

#jquery-пользовательский интерфейс #макет #Дата

Вопрос:

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

     <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. Вы также переместили images папку?

2. Нет. Я нашел тему smothness и папку «image». Теперь, где я могу его правильно переместить? Я должен изменить какие-либо пути?

3. Эта папка должна находиться в той же папке, что и ваш CSS-файл jQuery UI.

Ответ №1:

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

  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 и посмотрите, устранена ли проблема.