Zend Framework中的JQuery Datepicker未正确显示
我制作了一个表单,它从Zend Framework中的JQuery Datepicker未正确显示,jquery,zend-framework,datepicker,jquery-ui-datepicker,Jquery,Zend Framework,Datepicker,Jquery Ui Datepicker,我制作了一个表单,它从Zend\u form扩展而来,在这里我添加了一个ZendX\u JQuery\u form\u Element\u Datepicker,如图所示: 但当我在浏览器中查看该页面时,日期选择器似乎工作正常,但布局混乱。见下图: 您可以看到datepicker太小,并且prev/next按钮没有正确显示。我已尝试使用css修复此问题: .ui-datepicker-div { width: 200px; } .ui-datepicker-calendar { width
Zend\u form
扩展而来,在这里我添加了一个ZendX\u JQuery\u form\u Element\u Datepicker
,如图所示:
但当我在浏览器中查看该页面时,日期选择器似乎工作正常,但布局混乱。见下图:
您可以看到datepicker太小,并且prev/next按钮没有正确显示。我已尝试使用css修复此问题:
.ui-datepicker-div { width: 200px; }
.ui-datepicker-calendar { width: 200px; }
这有点帮助,如图所示:
但正如您所看到的,prev/next按钮仍然存在问题。我怎样才能解决这个问题
更新:我通过包含另一个css文件修复了我的问题。因为我在jQuery和jQueryUI中使用了GoogleCDN,所以我还必须使用CDN来包含css。因此,通过添加以下行,我解决了我的问题:
$this->jQuery()->addStyleSheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/smoothness/jquery-ui.css');
您有一些外部CSS干扰,很可能影响所有表单元格,可能还有
和
元素。没有到实际页面的链接,我不能说……但这肯定是一个CSS问题,您的样式将覆盖jQuery UI设置的填充/边距。你好,尼克,感谢您的回复。我使用的是960网格系统,我认为这导致了日期选择器的宽度错误,因为当我更改css文件includes(jquery css last)的顺序时,这部分问题得到了解决。然而,这似乎并没有解决上一个/下一个按钮的问题,所以我省略了任何其他css,但仍然没有运气。这些钮扣放错地方了。这个页面不是在线的,所以我不能给你看直播,但是再次感谢你的回复。Greetz@Brecht-啊,好了……我还没有在jQuery UI中使用960,但我可以很容易地看出这种样式是如何无法使用的:)