小jQuery datepickers（CSS問題）

我在我的網站上實現了jQuery datepicker。這部分一切正常。問題是它太大了！教程中的所有示例都有很好的小日曆，但是當我實現它時（我使用Google託管的dot-luv css），它非常大。我瀏覽過jQuery網站，但我無法找到帶有小日曆的標準css模板。小jQuery datepickers（CSS問題）

我需要類似http://jqueryui.com/demos/datepicker/#inline上的日曆。

有沒有簡單的方法來獲得這種大小，或者他們只是逗我們？

謝謝！

來源

2011-04-26 Danni

是否確定CSS正確下載並且正確包含在您的網站上？您是否曾嘗試首先在Google CDN上使用UI亮度主題以確保其正常工作？如果你正在做這兩件事，你是否有截圖，你看到了什麼？ – JasCav 2011-04-26 20:26:59

是的，我用多個不同的日曆試過了，它們都以相同的尺寸結束。您可以在http://www.cse.msu.edu/~kaydiann/demo/testdate.php – Danni 2011-04-26 20:30:40

上看到我從Google CSS獲得的例子。非常有趣 - 我也看到了這個問題。您是否嘗試過不使用Google的CDN（將jQuery下載到您的本地環境中）。我試過微軟的CDN，而且似乎也有同樣的問題。沒有得到這個問題在我自己的項目上，雖然...怪異的... – JasCav 2011-04-26 20:42:31

更改datepicker實例的字體大小。

#datepicker {font-size:10px;}

來源

2011-04-26 20:53:07 Nathan

@ user726128 - 這似乎解決了這個問題，但我不明白爲什麼這是第一個問題地點。我同意Danni的默認日曆大小不應該太大。奇怪。 – JasCav 2011-04-26 20:56:20

這是因爲日期選擇器內的其他元素的大小是相對於其父元素的字體的大小。如果你看看CSS，你會注意到所有的值都以EM表示。 – Nathan 2011-04-26 23:09:07

我遇到了相同的問題。父字體很小，所以日曆很小。我發現css條目是'.datepick'的字體大小，所以我忽略了它。 – goodeye 2015-02-03 04:45:29

小jQuery datepickers（CSS問題）

回答

相關問題