2010-10-29 14 views
16

मैं आवेदक की जन्म तिथि चुनने के लिए एक jQuery डेटपिकर का उपयोग कर रहा हूं, लेकिन आवेदक की आयु 21 से 100 वर्षों के बीच मूल्यों तक ही सीमित होनी चाहिए।jQuery डेटपिकर में वर्ष ड्रॉपडाउन स्क्रॉलबार के साथ समस्या

चयन को अपेक्षाकृत आसान बनाने के लिए मैंने महीने और साल के ड्रॉपडाउन बॉक्स चालू कर दिए हैं, और ब्रिटेन में होने के कारण मैंने इसे स्थानांतरित कर दिया है।

<script type="text/javascript"> 
$(function() { 
    $(".dp1").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'd MM yy', minDate: '-100y', maxDate: '-21y' }); 
}); 

पाठ बॉक्स के लिए ASP.NET MVC2 VB.NET कोड इस प्रकार है:

<%: Html.TextBox("", If(DirectCast(Model, DateTime) = DateTime.MinValue, String.Empty, ViewData.TemplateInfo.FormattedModelValue), New With {.class = "dp1"})%> 

कि अल ठीक है, लेकिन साल लटकती केवल मूल्यों की एक सीमित रेंज से पता चलता और कोई स्क्रॉलबार संकेत मिलता है कि साल की सूची लंबी है, लेकिन स्क्रॉल पट्टी स्लाइडर के आकार पूरी श्रृंखला के रूप में किसी भी दृश्य सुराग न जताए:

alt text

आप शीर्ष मूल्य पर क्लिक करें और फिर ड्रॉपडाउन करीब है, अगली बार जब आप इसे खोलने देते हैं, तो अधिक मान दिखाई देते हैं:

alt text

इस गैर स्पष्ट व्यवहार है और मैं केवल इस पर ठोकर खाई गलती से। क्या स्क्रॉलबार हर समय और एक स्लाइडर आकार के साथ सीमा के विपरीत आनुपातिक बनाने का कोई तरीका है? और यदि नहीं, तो तिथि चयन के अन्य तरीके एक शताब्दी में वापस जा रहे हैं (वास्तव में 99 साल ठीक रहेगा) की सिफारिश की जाती है?

रिकॉर्ड मैं उपयोग कर रहा हूँ के लिए:

  • jQuery-ui-1.8.5
  • jQuery-1.4.1

धन्यवाद

क्रिस्पिन

उत्तर

23

कोशिश वर्ष रेंज विकल्प को भी सेट करना (जो वर्ष ड्रॉप डाउन बॉक्स में वर्षों की सीमा निर्धारित करेगा)। आप इसे वर्ष के रूप में सेट कर सकते हैं श्रेणी: "-100: -21"। ध्यान दें कि सालाना रेंज सेट करने से वास्तविक तारीखों को प्रभावित नहीं किया जाता है जिसे उपयोगकर्ता को चुनने की अनुमति है (आपको अभी भी मिनीडेट और अधिकतमडेट सेट करने की आवश्यकता है)।

3

निम्नलिखित वर्ष 1 9 70 से चालू वर्ष तक निर्धारित होगा और स्क्रॉलिंग समस्या का भी ख्याल रखेगा।

.datepicker({yearRange: "1970:+nn"});

jQueryUI datepicker बारे में जानने के
+0

बेस्ट जगह: [कड़ी] (http://api.jqueryui.com/datepicker/) –

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