2013-04-11 3 views
7

इस problematic example के अनुसार, मुझे 2001 से पहले या 2021 से पहले की तारीख चुनने के लिए ऊपर और नीचे तीर नहीं मिल रहे हैं ।मेरा jQuery दिनांक पिकर यूआई प्लगइन क्यों नहीं है क्षेत्र में

Education Record 
    did you complete high school? * --> Yes 
    clicking Graduation Date * 
     clicking 2013 down arrow 

example

किसी भी विचार यह है कि क्या पैदा कर रहा है? स्क्रॉल तीर विंडोज 7 में आईई 10 में बिल्कुल दिखाई नहीं देते हैं और फ़ायरफ़ॉक्स में स्क्रॉल तीर दिखाए जाते हैं लेकिन इसे 2001 से पहले या 2021 के बाद स्क्रॉल नहीं किया जा सकता है। आसपास का काम न्यूनतम या अधिकतम तिथि चुनना है और फिर तीर पर क्लिक करना है वर्षों से पहले या बाद में दिखाने के लिए।

+1

मेरे पास स्क्रॉल बार हैं लेकिन ऐसा लगता है कि यह वर्षों की सीमा है। आप उन्हें नहीं देखते हैं क्योंकि ऐसा होता है कि आपकी स्क्रीन पर ड्रॉपडाउन सभी विकल्पों को कवर करने के लिए अपनी पूरी ऊंचाई पर फैला सकता है – TheBrain

+0

@TheBrain: हाँ मैंने अपना प्रश्न संपादित किया। – Jawad

+0

आप उस चयन पर 'आकार = "5" विशेषता जोड़ सकते हैं जो केवल 5 आइटम लंबी सूची दिखाएगा और आपके पास स्क्रॉलबार – TheBrain

उत्तर

2

जैसा कि मैंने आपके स्क्रीनशॉट में देखा है कि आप आईई 10 का उपयोग कर रहे हैं जिसमें एक अजीब शैली है। आपकी चुनिंदा ड्रॉपडाउन सूची क्रोम, एफएफ, सफारी इत्यादि जैसे अच्छे ब्राउज़र में ठीक काम करेगी ... मुझे यकीन है कि अगर आप चयनित तत्व के लिए एक निश्चित ऊंचाई निर्धारित करते हैं, जिसमें
है .ui-datepicker-year class, के लिए उदाहरण ऊंचाई: 150 पीएक्स; और ओवरफ्लो जोड़ें: ऑटो; उम्मीद है कि इस मदद करता है

+0

की आवश्यकता है जो सभी वर्षों को दिखाता नहीं है – Jawad

+0

यदि आप सभी वर्षों की सूची दिखाना चाहते हैं तो तीर दिखाने का क्या मतलब है? – Mahmoud

9

इस- jsFiddle

$(function() { 
$("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "-120:+10", // magic! 
    dateFormat: 'mm/yy', 
    onClose: function (dateText, inst) { 
     var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
     var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
     $(this).datepicker('setDate', new Date(year, month, 1)); 
    } 
    }); 
}); 

API Documentation for yearRange

+1

हां 'वर्ष रेंज' के लिए डिफ़ॉल्ट -10 से +10 वर्ष है। यह सबसे अच्छा जवाब है। – jmm

+0

अच्छा और सरल –

2

प्रयास करें jQuery-UI में आप आसानी से वर्ष लेकर निर्दिष्ट और डिफ़ॉल्ट दिनांक कर सकते हैं।

$("#specific_birthdate").datepicker({ 
     yearRange : "1950:2011", 
     changeYear : true, 
     defaultDate : new Date(1970, 0, 1, 0, 0, 0, 0) 
    }); 
संबंधित मुद्दे