2013-01-09 16 views
11

के लिए डेटपिकर प्लगइन मुझे jquery datepicker नामक डेटपिकर का उपयोग करना बहुत आसान लगता है। लेकिन समस्या यह है कि जब मैं इसे जन्म तिथि के लिए उपयोग करना चाहता हूं। उदाहरण के लिए: मेरा जन्म वर्ष 1 9 86 है और चालू वर्ष 2013 है, तो मुझे 1 9 86 तक महीनों को कम करने के लिए कई बार बाएं तीर पर क्लिक करने की आवश्यकता है। यदि मेरा जन्म वर्ष 1 9 60 या उससे कम है तो यह अधिक परेशानी होगी।जन्म तिथि टेक्स्टबॉक्स

क्या किसी को कोई डेटपिकर प्लगइन पता है जो इसके लिए उपयुक्त है? शायद एक डेटपिकर कौन सा वर्ष या महीना ड्रॉपबॉक्स या कुछ से चुना जा सकता है?

उत्तर

17

संक्षेप में: आप demo page में प्रतिबंधित डेटपिकर अनुभाग द्वारा ऐसा कर सकते हैं।

यदि आप demo page थोड़ा सा देखते हैं, तो आपको "प्रतिबंधित डेटपिकर" अनुभाग दिखाई देगा। "Year dropdown shows last 20 years" डेमो निर्दिष्ट करें, और स्रोत देखें हिट करने के लिए ड्रॉप डाउन का उपयोग करें:

$("#restricting").datepicker({ 
    yearRange: "-20:+0", // this is the option you're looking for 
    showOn: "both", 
    buttonImage: "templates/images/calendar.gif", 
    buttonImageOnly: true 
}); 

आप (-100 या कुछ और करने के लिए स्पष्ट रूप से बदल रहा है -20) भी ऐसा ही करना चाहते हैं।

विकल्प # 2: एपीआई के changeMonth और changeYear विकल्पों का उपयोग कर रहा है। है, तो इस मामले में किसी और एक ही समस्या के साथ आता है, अधिक जानकारी के दृश्य http://api.jqueryui.com/datepicker/#option-yearRange

+0

विकल्प changeYear: सच चाल करता है? – Mate

+0

हाँ, यह सही है। –

+0

उत्तर के लिए धन्यवाद, लेकिन मुझे अभी भी अपनी जन्मतिथि 2/24/1986 से भरने में कठिन समय है। यह 2012 में शुरू हुआ है, इसलिए मुझे बाएं तीर 312 बार क्लिक करना होगा। मैं एक सामान्य उपयोगकर्ता के रूप में, क्या आप अपना समय ऐसा करने के लिए व्यतीत करेंगे? भले ही मैं 1 9 86 में डिफ़ॉल्ट जन्म वर्ष निर्धारित करता हूं, फिर भी यह 1 9 60 या उससे कम आयु के व्यक्ति के लिए एक समस्या है। यह मेरा पहला सवाल था। –

7

मैं एक ही मुद्दा हो रही थी के लिए

$('.datepicker').datepicker({changeYear: true, yearRange : 'yy-50:yy+1'}); 

:

'yy' की तरह चालू वर्ष के लिए उपयोग करने का प्रयास मैंने सोचा कि मैं समाधान पोस्ट करूंगा। यह उपर्युक्त उत्तर में है, लेकिन आपको इसे प्राप्त करने के लिए टिप्पणियां पढ़नी होंगी।

सिर में:

<script src="~/Scripts/jquery-1.10.2.js"></script> 

<script> 
    $(function() { 
     $("#datepicker").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      yearRange: '-100:+0' 
     }); 
    }); 
</script> 

और HTML में:

<input type="text" class="form-control" id="datepicker"> 

यह आपको एक दिनांक पिकर जहां महीने यह खुद लटकती, साल यह खुद लटकती है है मिल जाएगा और वर्ष आज के साल में शुरू होता है और 100 साल पीछे चला जाता है।

0

रेंज आप लटकती

yearRange: "1930:2025" 

इस तरह में दिखाना चाहते हैं के लिए datepicker कॉल में रेखा से नीचे जोड़े,

$(function() { 
    $("#celeb_dob").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: "1930:2025" 
    }); 
    }); 
संबंधित मुद्दे