JQuery Datepicker отображается только тогда, когда не включены таблицы стилей JQuery

Question

У меня настроен DatePicker на моей странице ... и если я не добавлю тему jquery, DatePicker покажет ..

Проблема в том, что когда я добавляю тему jquery (например, ui-lightness), средство выбора даты больше не отображается. В Firebug я вижу, что есть средство выбора даты, но оно не отображается !!

Я использую $this->Jquery()->addStylesheet('path'); для добавления таблицы стилей, и когда я проверяю исходный код браузера, таблица стилей присутствует ..

Я уже удалил все остальные css, чтобы проверить, была ли это проблема с помехами, но без удачи.

помощь

Вопрос расширен:

работа в cms из книги Apress Pro Zend Framework Techniques - сборка полной CMS.

Datepicker инициализируется через следующие файлы:

bootstrap.php

$view->addHelperPath("ZendX/JQuery/View/Helper", "ZendX_JQuery_View_Helper");

layout.phtml

echo $this->jQuery();

Только с этими командами я получаю полный рабочий инструмент выбора даты, только в очень простом формате. Когда я добавляю таблицу стилей через:

layout.phtml

$this->headLink()->prependStylesheet('js/jQuery/css/ui-darkness/jquery-i-1.8.9.custom.css') echo $this->headLink();

Средство выбора даты все еще находится на странице, но больше не отображается. Я пытался ссылаться на пользовательские jquery.ui js в layout.phtml через

$this->headScript()->appendFile('js/jQuery/js/jquery-ui-1.8.9.custom.min.js'); echo $this->headScript();

но безрезультатно ... в обоих случаях файлы css и js есть в исходном коде. так что не битых ссылок. Я закомментировал все css-ссылки, так что я уверен, что никаких помех нет.

---

Вопрос расширен:

работа в cms из книги Apress Pro Zend Framework Techniques - сборка полной CMS.

Datepicker инициализируется через следующие файлы:

bootstrap.php

$ view-> addHelperPath ("ZendX / JQuery / View / Helper", "ZendX_JQuery_View_Helper");

layout.phtml

echo $ this-> jQuery ();

только с этими командами я получаю полный рабочий инструмент выбора даты, только в очень простом формате.

Когда я добавляю таблицу стилей через:

layout.phtml

$ this-> headLink () -> prependStylesheet ( 'JS / JQuery / CSS / UI-темнота / JQuery-я-1.8.9.custom.css') echo $ this-> headLink ();

средство выбора даты все еще находится на странице, но больше не отображается.

Я пытался ссылаться на пользовательские jquery.ui js в layout.phtml через

$ this-> headScript () -> appendFile ( 'JS / JQuery / JS / JQuery-щ-1.8.9.custom.min.js'); echo $ this-> headScript ();

но без результата ..

в обоих случаях файлы css и js находятся в исходном коде. так что не битых ссылок.

Я закомментировал все css-ссылки, так что я уверен, что никаких помех нет.

Answer 1

То же самое случилось со мной сегодня.Я думаю, что это потому, что я использую более старую версию jquery-ui (распространяется с Ubuntu).Выбор опции «Legacy release» перед тем, как щелкнуть ссылку для загрузки моей пользовательской темы, привел к созданию CSS, который снова заставил работать средство выбора даты.

Примечание: версии jquery и jquery-ui, которые я использую, хотя и не самые последние, новее, чем те, которые указаны в качестве текущих на странице загрузки пользовательских тем.Я немного удивлен, что мне нужно использовать опцию "legacy".

Answer 2

Прежде всего, скачайте свою тему по этой ссылке http://jqueryui.com/themeroller/

Ссылка css и js на вашем веб-сайте, и календарь будет виден.

Если вы хотите добавить свой собственный calendarImage и избежать трех точек {...}, используйте свойство buttonImage: при инициализации календаря

$("#Element").datepicker({
        dateFormat: 'M d, yy',
        navigationAsDateFormat: true, prevText: 'M', nextText: 'M',
        changeMonth: true,
        changeYear: true,
        showOn: "both",
        showStatus: true,
        firstDay: 0,
        buttonImage: '/Content/images/Calendar_img.png',
        buttonImageOnly: true
  });

Посмотрите также на это Zend Framework - JQuery - Выбор даты - Формат даты в ГГГГ-мм-дд и это Zend Framework - JQuery - Выбор даты - Изображения не отображаются

Надеюсь, это поможет