Zend Framework 中的 JQuery Datepicker 未正确显示

Question

我制作了一个表单，它从Zend_Form 扩展而来，我在其中添加了一个ZendX_JQuery_Form_Element_Datepicker，如图所示：

但是当我在浏览器中查看该页面时，日期选择器似乎可以工作，但布局却一团糟。看这张图：

您可以看到日期选择器太小，并且上一个/下一个按钮未正确显示。我试过用 css 解决这个问题：

.ui-datepicker-div { width: 200px; } 
.ui-datepicker-calendar { width: 200px; }

这有点帮助，正如您在这张图片中看到的那样：

但如您所见，上一个/下一个按钮仍然存在问题。我该如何解决这个问题？

更新：我通过包含另一个 css 文件解决了我的问题。因为我在 jQuery 和 jQuery UI 中使用 Google CDN，所以我也必须使用 CDN 来包含 css。因此，通过添加以下行，我解决了我的问题：

$this->jQuery()->addStyleSheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/jquery-ui.css');

Answer 1

您有一些外部 CSS 干扰，很可能会影响所有表格单元格，可能还有 <div> 和 <a> 元素。如果没有指向实际页面的链接，我不能说...但这绝对是一个 CSS 问题，您的样式会覆盖 jQuery UI 集的填充/边距。