Я сделал форму, которая начинается с Zend_Form, где я добавил ZendX_JQuery_Form_Element_Datepicker, как вы можете видеть на этом рисунке:
Но когда я просматриваю эту страницу в браузере, кажется, что средство выбора даты работает, но макет не работает. Посмотри эту картинку:
Вы можете видеть, что указатель даты слишком мал и кнопки «предыдущий / следующий» отображаются неправильно. Я пытался исправить это с помощью CSS:
.ui-datepicker-div { width: 200px; }
.ui-datepicker-calendar { width: 200px; }
Это немного помогает, как вы можете видеть на этой картинке:
Но, как видите, проблема с кнопками «предыдущий / следующий» все еще существует. Как я могу это исправить?
Обновление : я исправил свою проблему, добавив другой файл CSS. Поскольку я использовал Google CDN для jQuery и jQuery UI, мне пришлось использовать CDN также для включения css. Итак, добавив следующую строку, я решил свою проблему:
$this->jQuery()->addStyleSheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/jquery-ui.css');