Question

我制作了一张表格，该表格从Zend_Form延伸，我在此处添加了ZendX_JQuery_Form_Element_Datepicker，如下图所示：

但是当我在浏览器中查看该页面时，日期选择器似乎有效，但布局混乱了。看到这张图片：

您可以看到日期选择器太小而且prev / next按钮未正确显示。我试过用css修复它：

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

这有点帮助，如下图所示：

但正如您所看到的，prev / next按钮仍然存在问题。我怎么能解决这个问题？

更新：我通过添加另一个css文件解决了我的问题。因为我使用谷歌CDN的jQuery和jQuery UI，我不得不使用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集。