Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Zend Framework中的JQuery Datepicker未正确显示_Jquery_Zend Framework_Datepicker_Jquery Ui Datepicker - Fatal编程技术网

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,但我可以很容易地看出这种样式是如何无法使用的:)