Кнопки «Предыдущая» и «Следующая» отображаются в новых строках с помощью инструмента выбора даты jQuery UI - PullRequest
3 голосов
/ 17 февраля 2011

Это происходит в Opera 11, Firefox 3.6.13 и IE 8. На всех средствах выбора даты, которые я создаю, предыдущие и следующие кнопки отображаются в отдельной строке над месяцем и годом. Это происходит как в моей пользовательской свернутой теме, так и в пользовательском интерфейсе Lightness, который я недавно загрузил и в котором не было добавлено пользовательского CSS. Я использую jQuery UI версии 1.8.9 и jQuery 1.4.3. Я воспроизвел его на jsFiddle, используя UI 1.8.7 и jQuery 1.4.4.

Пример JS Fiddle

Мой код:

$(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>

1 Ответ

2 голосов
/ 18 февраля 2011

Похоже на проблему css.Если вы сравните css (используя firebug) демонстрационного примера и то, что вы написали, вы увидите, что css отличается.Если вы добавите CSS-файл «http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css" по URL-адресу через« Добавить ресурсы », вы получите правильный макет.

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