Небольшие jQuery datepickers (вопрос CSS)

#jquery #css #jquery-ui #datepicker

#jquery #css #jquery-пользовательский интерфейс #набор данных

Вопрос:

Я внедрил jQuery datepicker на своем сайте. Эта часть все работала нормально. Проблема в том, что он слишком большой! Во всех примерах в руководствах есть красивые маленькие календари, но когда я их реализую (я использую размещенный в Google dot-luv css), они действительно большие. Я просмотрел сайт jQuery, но не могу найти стандартный css-шаблон с маленькими календарями.

Мне нужно что-то вроде календаря на http://jqueryui.com/demos/datepicker/#inline.

Есть ли простой способ получить такой размер или они просто дразнят нас?

Спасибо!

1. Вы уверены, что CSS загружается правильно и он должным образом включен на ваш сайт? Вы пробовали сначала использовать тему UI lightness в Google CDN, чтобы убедиться, что она работает правильно? Если вы делаете эти две вещи, есть ли у вас скриншот того, что вы видите?

2. Да, я пробовал это с несколькими разными календарями, все они в конечном итоге имеют одинаковый размер. Вы можете увидеть это в качестве примера того, что я получаю из Google CSS на cse.msu.edu /~kaydiann/demo/testdate.php

3. Очень интересно — я тоже вижу проблему. Вы пробовали НЕ использовать CDN от Google (загрузите jQuery в свою локальную среду). Я попробовал CDN от Microsoft, и, похоже, у него была та же проблема. Однако в моем собственном проекте эта проблема не возникает… странно…

4. Я унаследовал это от другой программистки, и у нее была пользовательская таблица стилей css, но это сделало css еще более гибким, поэтому я заменил его на более стабильную (как я думал: P) версию Google. Кажется абсурдным делать календарь таким большим по умолчанию….

Ответ №1:

Измените размер шрифта в вашем экземпляре datepicker.

 #datepicker {font-size:10px;}

1. @user726128 — Похоже, это устраняет проблему, но я не понимаю, почему это проблема в первую очередь. Я согласен с Данни в том, что размер календаря по умолчанию не должен быть таким большим. Странно.

2. Это потому, что размер других элементов внутри указателя даты относительно размера шрифта его родительского элемента. Если вы посмотрите на css, вы заметите, что все значения выражены в EMS.

3. У меня была противоположная проблема с тем же исправлением. Родительский шрифт был маленьким, поэтому календарь был крошечным. Я обнаружил, что запись css была .datepick с размером шрифта, поэтому я переопределил это.