2011-04-26 15 views
5

मैंने अपनी साइट पर एक jQuery डेटपिकर लागू किया। वह हिस्सा सब ठीक काम किया। समस्या यह है कि यह बहुत बड़ा है! ट्यूटोरियल्स के सभी उदाहरणों में अच्छे छोटे कैलेंडर होते हैं लेकिन जब मैं इसे कार्यान्वित करता हूं (मैं Google होस्टेड डॉट-लव सीएसएस का उपयोग कर रहा हूं) यह वास्तव में बड़ा है। मैंने jQuery साइट पर देखा है लेकिन मुझे छोटे कैलेंडर के साथ मानक सीएसएस टेम्पलेट नहीं मिल रहा है।छोटे jQuery डेटपिकर्स (सीएसएस प्रश्न)

मुझे http://jqueryui.com/demos/datepicker/#inline पर कैलेंडर की तरह कुछ चाहिए।

क्या उस आकार को पाने का कोई आसान तरीका है या वे सिर्फ हमें चिढ़ा रहे हैं?

धन्यवाद!

+0

क्या आप सुनिश्चित हैं कि सीएसएस सही ढंग से डाउनलोड किया जा रहा है और यह आपकी साइट पर ठीक से शामिल है? क्या आपने यह सुनिश्चित करने के लिए पहले Google सीडीएन पर यूआई लाइटनेस थीम का उपयोग करने की कोशिश की है कि सही तरीके से काम करता है? यदि आप उन दो चीजें कर रहे हैं, तो क्या आपके पास जो कुछ दिखाई दे रहा है उसका स्क्रीनशॉट है? – JasCav

+0

हां, मैंने इसे कई अलग-अलग कैलेंडर के साथ आजमाया है, वे सभी एक ही आकार को समाप्त करते हैं। आप इसे Google सीएसएस से http://www.cse.msu.edu/~kaydiann/demo/testdate.php – Danni

+0

पर प्राप्त करने का एक उदाहरण देख सकते हैं बहुत दिलचस्प - मुझे भी समस्या दिखाई दे रही है। क्या आपने Google के सीडीएन का उपयोग नहीं करने की कोशिश की है (अपने स्थानीय पर्यावरण में jQuery डाउनलोड करें)। मैंने माइक्रोसॉफ्ट के सीडीएन की कोशिश की और ऐसा लगता है कि यह एक ही मुद्दा है। इस समस्या को मेरी खुद की परियोजना पर नहीं मिल रहा है, हालांकि ... अजीब ... – JasCav

उत्तर

8

अपने डेटपिकर उदाहरण पर फ़ॉन्ट आकार बदलें।

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

@ user726128 - यह समस्या को ठीक करने लगता है, लेकिन मुझे नहीं लगता कि यह पहली बार क्यों समस्या है जगह। मैं डांनी से सहमत हूं कि डिफ़ॉल्ट कैलेंडर आकार यह बड़ा नहीं होना चाहिए। अजीब। – JasCav

+2

ऐसा इसलिए है क्योंकि डेटपिकर के अंदर अन्य तत्वों का आकार इसके मूल तत्व के फ़ॉन्ट के आकार के सापेक्ष है। यदि आप सीएसएस को देखते हैं तो आप देखेंगे कि सभी मूल्य ईएम में व्यक्त किए गए हैं। – Nathan

+0

मुझे एक ही फिक्स के साथ विपरीत समस्या थी। मूल फ़ॉन्ट छोटा था, इसलिए कैलेंडर छोटा था। मैंने पाया कि सीएसएस प्रविष्टि फ़ॉन्ट आकार के साथ '.datepick' थी, इसलिए मैंने इसे ओवरराइड किया। – goodeye

संबंधित मुद्दे