2012-09-12 36 views
2

我嘗試添加jquery-ui datepicker到我的網站。我下載了必要的jquery-ui js組件和Smoothness主題css。問題是,當我的小工具添加到我的網站,它看起來像這樣:jquery-ui datepicker主題沒有正確顯示

Broken datepicker

與此相反:

What it should look like

我使用的是定製的Twitter的引導作爲主要風格爲我的網站,但它似乎不會影響根據Chrome Inspect元素的窗口小部件的樣式。

任何想法可能是錯的,或者我怎麼能進一步調查呢?

+0

如果你使用引導CSS,你有用戶http://www.eyecon.ro/bootstrap-datepicker/ –

+0

我不喜歡這個概念,我**有**使用它,但謝謝,我會研究它,它看起來不錯。 – massives

回答

0

你需要改變您的字體大小:

.ui-widget { 
    font-size: 11px; 
} 
+0

不是這樣,它只是使字體變小(duh!)。問題在於日期框(​​- 其中包含日期編號的元素)的大小不一致。此外,月份選擇器都是錯誤的。更改字體大小隻是使整個小部件更小。 – massives