jQuery दिनांक पिकर पूर्वावलोकन साइट

Question

से बड़ा है, मैं jQuery कैलेंडर टूल का परीक्षण करने की कोशिश कर रहा हूं, लेकिन appears to be too big, preview page से बड़ा है।

कोई विचार?

धन्यवाद!

Answer 1

मैं एक ही समस्या में भाग गया। मुझे कस्टम सीएसएस में फ़ॉन्ट आकार को 1.25em के अलावा किसी अन्य चीज़ में बदलना पड़ा। मेरा मानना ​​है कि मैंने छोटे से उपयोग किया था जैसा कि मैंने अपने ऐप में कहीं और इस्तेमाल किया था।

फ़ायरफ़ॉक्स में पृष्ठ ब्राउज़ करते समय, मैं फायरबग में पूरे कैलेंडर नियंत्रण का निरीक्षण करने में सक्षम था और फ़ॉन्ट आकार को मध्यम में बदलता था (मुझे लगता है, शायद छोटा हो) और यह उस बिंदु पर पूरी तरह से प्रस्तुत किया गया था। बस यूआई सीएसएस में गया और इसे स्थायी रूप से बदल दिया और तब से कोई शिकायत नहीं हुई।

बाहर चेक my post here ...

Answer 2

क्या आपके पास कोई विशिष्ट सीएसएस है जो फ़ॉन्ट आकार को समायोजित करता है? वह किसी भी jQuery फ़ॉन्ट आकार समायोजित करेगा।

Answer 3

यह अत्यधिक संभावना है कि स्टाइलशीट इसे नियंत्रित कर रहा है। वेब पेज के स्रोत को देखते हुए, यह या तो this one या this one है।

जैसा कि आप देख सकते हैं, वे बहुत बदसूरत हैं, लेकिन आप this one जैसे प्रीटीफायर के माध्यम से इसे चला सकते हैं।

या आप बस JQuery UI का एक संस्करण डाउनलोड कर सकते हैं जिसमें इसमें हल्कापन थीम है। मेरा अनुमान है कि इसमें पहले से ही सही आकार हैं।

Answer 4

डबल चेक करें कि आप उसी jQueryUI थीम का उपयोग कर रहे हैं जो डेमो साइट उपयोग कर रहा है। मैंने अपनी साइट पर गलत थीम लोड करके इस सटीक समस्या को देखा है।

Answer 5

आप मानों में से किसी एक को चुनने के लिए Firebug's Inspect feature का उपयोग कर सकते हैं और आप देखेंगे कि स्टाइलशीट फ़ॉन्ट के आकार को सेट करती है। फिर आप इसे अपनी जरूरतों के अनुसार बदल सकते हैं।

Answer 6

यह सीएसएस शैलियों कि jQuery उपयोग कर रहा है के साथ कुछ (यह सीएसएस के बारे में हर किसी की जवाब के साथ में बांधने की जाती है), विशेष रूप से font-size उन्हें में किया जा रहा तुलना में पीएक्स के लिए - मुझे लगता है कि यह पेज से शैलियों का वारिस करने की कोशिश कर रहा है, या ऐसा कुछ।

मेरे लिए, समाधान 11px करने के लिए यूआई-विजेट सीएसएस वर्ग के फ़ॉन्ट आकार बदलने के लिए, निम्नलिखित सीएसएस वर्ग में जिसके परिणामस्वरूप था:

.ui-widget { 
-x-system-font:none; 
font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; 
**font-size:11px;** 
font-size-adjust:none; 
font-stretch:normal; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
line-height:normal; 
} 

Answer 7

सीएसएस फ़ाइल में फ़ॉन्ट आकार बदलने उदामेरी सीएसएस फ़ाइल

/css/smoothness/jquery-ui-1.8.1.custom.css 

होता है और मुझे लगता है

.ui-widget { 
    font-family: Verdana,Arial,sans-serif; 
    font-size: 0.7em; 
} 

Answer 8

या सिर्फ इस सीएसएस पंक्ति जोड़ने के लिए

.ui-widget { 
    font-family: Verdana,Arial,sans-serif; 
    font-size: 1.1em; 
} 

बदल दिया है:

#ui-datepicker-div { 
    font-size:12px !important; 
} 

Answer 9

बस अपने सीएसएस में जोड़ने रेखा:

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } 
font-size: 0.7em; 

इस तरह:

.ui-datepicker { width: 17em; font-size: 0.7em; padding: .2em .2em 0; display: none; } 

Answer 10

मैं एक ऐसी ही समस्या हुई थी। मैंने क्रोम के डेवलपर टूल का उपयोग करके तत्वों का निरीक्षण करके इसे हल किया और महसूस किया कि डेटपिकर युक्त div तत्व (यानी आईडी ui-datepicker-div के साथ div) body तत्व में जोड़ा गया है। डेटपिकर div में यह font-size सीएसएस विशेषता 1.1em पर सेट है (jQuery UI12 से बेस सीएसएस फ़ाइल में ui-widget से कक्षा)। चूंकि मैंने body तत्व (यानी डेटपिकर युक्त तत्व) पर फ़ॉन्ट आकार निर्धारित नहीं किया है, इसलिए this blog के अनुसार 16px का उपयोग करने के लिए यह डिफ़ॉल्ट है। शरीर तत्व पर एक स्पष्ट font-size सेट करने से मेरे लिए समस्या हल हो गई।