2011-04-26 3 views
5

내 사이트에 jQuery 날짜 표시기를 구현했습니다. 그 부분은 모두 잘 작동했습니다. 문제는 그것이 너무 큽니다! 자습서의 모든 예제는 좋은 작은 달력을 가지고 있지만 구현할 때 (나는 Google 호스팅 dot-luv css를 사용하고 있습니다) 정말 큽니다. jQuery 사이트를 살펴 보았지만 작은 캘린더가있는 표준 CSS 템플릿을 찾을 수 없습니다.작은 jQuery 날짜 표시기 (CSS 질문)

http://jqueryui.com/demos/datepicker/#inline의 캘린더와 같은 것이 필요합니다.

크기를 쉽게 얻을 수있는 방법이 있습니까? 아니면 우리를 괴롭 히고 있습니까?

감사합니다.

+0

CSS가 제대로 다운로드되고 사이트에 올바르게 포함되어 있습니까? 먼저 제대로 작동하는지 확인하기 위해 Google CDN에서 UI 밝기 테마를 사용해 보셨습니까? 이 두 가지 일을하는 경우보고있는 스크린 샷이 있습니까? – JasCav

+0

예, 여러 개의 다른 캘린더를 사용해 보았습니다. 모두 동일한 크기로 끝납니다. http://www.cse.msu.edu/~kaydiann/demo/testdate.php에서 Google CSS에서 얻은 내용의 예를 볼 수 있습니다. – Danni

+0

매우 흥미 롭습니다 - 문제도보고 있습니다. Google의 CDN을 사용하지 않으려 고 시도한 적이 있습니까 (현지 환경에 jQuery를 다운로드하십시오). 나는 Microsoft의 CDN을 시도했는데 같은 문제가있는 것으로 보였다. 내 자신의 프로젝트에이 문제가 발생하지 않는다 ... 이상한 ... – JasCav

답변

8

datepicker 인스턴스의 글꼴 크기를 변경하십시오.

#datepicker {font-size:10px;} 
+0

@ user726128 - 이것은 문제를 해결하는 것 같지만, 이것이 왜 처음에는 문제가되는지 알지 못합니다. 장소. 나는 Danni에 동의한다. 기본 달력 크기가 그렇게 크지 않아야한다는 것이다. 이상한. – JasCav

+2

datepicker 안의 다른 요소의 크기가 부모 요소의 글꼴 크기와 관련되기 때문입니다. CSS를 보면 모든 값이 EM으로 표시된다는 것을 알 수 있습니다. – Nathan

+0

나는 똑같은 문제에 반대 문제가있다. 부모 글꼴은 작았 기 때문에 달력은 작았습니다. 나는 css 항목이 font-size로'.datepick'이라는 것을 알았 기 때문에 그것을 무시했다. – goodeye