Я использую jquery datepicker (http://jqueryui.com/demos/datepicker/).
Датпикер на демонстрационной странице небольшой и компактный. Однако, когда я использую datepicker на моем сайте, календарь ОГРОМНЫЙ. Я бы оценил, что каждая дата использует шрифт 12 pt.
Как мне уменьшить количество дней?
Простой ответ: вы можете добавить размер шрифта в свой css к ".ui-datepicker".
Но я думаю, что у вас могут быть некоторые правила CSS, которые противоречат друг другу. Вы должны использовать метод из ссылки Paulo, чтобы проверить, так ли это.
Это немного поздно, но только для справок в будущем: Добавьте это между вашим, после ссылки jquery ui css.
<style type="text/css">
.ui-datepicker { font-size: 9pt !important; }
</style>
и он станет меньше.
Самая верхняя строка jquery.ui.theme.css имеет размер шрифта:
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: .9em; }
Ни одно из ваших правил CSS не противоречит - я могу проверить это со 100% уверенностью!
Причиной этого является то, что демонстрационные страницы jQuery могут быть ОЧЕНЬ вводящими в заблуждение. Как сказал Сет, на их страницах есть множество дополнительных правил CSS, добавленных поверх библиотеки CSS по умолчанию. Если вы посмотрите здесь:
http://jqueryui.com/demos/demos.css
Вы увидите, что размер базового шрифта значительно меньше, что является реальной причиной.
Я тоже получал ту же самую проблему, когда на своих страницах у меня было намного больше выбора даты, чем в демо. Чтобы подтвердить, что THEIR CSS был "противоречивым", я использовал меню CSS панели инструментов веб-разработчиков в Firefox, чтобы отключить указанный выше CSS файл, а затем весь неожиданный демонстрационный сайт THEIR имел большие подборщики дат одного размера как моя.
Таким образом, лучший ответ здесь неверен - он ничто на вашем конце - это полностью, как ОНИ уменьшили размер базы. Я гарантирую, что если вы попробуете то, что я упомянул здесь, вы найдете то же самое.
jQuery UI имеет тематический ролик, который позволяет вам настроить одну из существующих тем, включая шрифты, цвета и фон перед загрузкой. Вы можете делать другие вещи, например, задавать угловой радиус, поля и отступы.
Я бы порекомендовал попробовать настроить его столько, сколько вы можете перед загрузкой, чтобы у вас было меньше шансов во время использования на вашем сайте.
Не забудьте установить размер шрифта по умолчанию и т.д. для всей страницы после того, как вы вызвали таблицу стилей jQuery UI.
На демонстрационных страницах есть довольно много дополнительных CSS для "исправления" того, что входит в упакованный CSS, о котором они нигде не упоминаются. На мой взгляд, они плохо работают, объясняя это, особенно с тем, сколько времени используется стандартный css! Важно.
Кроме того, ThemeRoller использует em как значение по умолчанию, которое составляет% от набора шрифтов в другом месте.
В любом случае, даты - это ссылки, поэтому чтобы их уменьшить, установите размер для около 9px.
Вот что я делаю, прежде чем использовать любой jquery:
h1 {font-size:10px;}
h2 {font-size:11px;}
h3 {font-size:11px;}
p {font-size:11px;}
a {font-size:11px;}
Вы включаете jquery-ui.css в свои объявления CSS?
Кроме того, на странице примера есть куча объявлений размера шрифта в его CSS.
Они имеют размер шрифта 10pt на теле. Удалите это в firebug, и вы, вероятно, увидите те же самые размеры шрифта, что и ваше видение на вашей странице.