JQuery的日期選擇在Zend框架顯示不正確

我做了一個表格，從Zend_Form，在那裏我加了ZendX_JQuery_Form_Element_Datepicker，你可以在這個圖片中看到的延伸：JQuery的日期選擇在Zend框架顯示不正確

但是，當我查看該頁面瀏覽器，日期選擇器似乎工作，但佈局是搞砸了。看到這樣的畫面：

你可以看到，日期選擇器太小和上/下一個按鈕無法正確顯示。我試着用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');

來源

2010-10-24 Brecht

你有一些外部CSS的干擾，一些影響所有表格單元格最有可能的，可能<div>和<a>元素。沒有鏈接到實際頁面我不能說...但它絕對是一個CSS問題，你的樣式覆蓋了填充/頁邊距jQuery UI設置。

來源

2010-10-24 17:10:38

嗨，尼克，謝謝你的迴應。我正在使用960網格系統，我認爲這導致了datepicker的錯誤寬度，因爲當我改變了我的css文件的順序時（包括jQuery css），問題的部分被解決了。但是，這似乎並沒有解決prev/next-button問題，所以我忽略了其他任何css，但仍然沒有運氣。按鈕不會在他們的正確位置。此頁面不在線，所以我無法向您展示您的真實情況，但再次感謝您的回覆。 Greetz – Brecht 2010-10-24 21:57:05

@Brecht - 啊，你去了......我沒有使用jQuery UI的960，但我可以很容易地看到如何造型不會相處:) – 2010-10-24 21:58:41

JQuery的日期選擇在Zend框架顯示不正確

回答

相關問題