小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问题）

回答

相关问题