2011-12-07 14 views
6

सेट करने की अनुमति देता है, मैं नीचे दी गई सेटिंग्स के साथ डेटपिकर jquery प्लगइन का उपयोग कर रहा हूं।JQuery डेटपिकर उपयोगकर्ता को

$("#date").datepicker({ 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOtherMonths: true, 
    selectOtherMonths: true 
}); 

अब मैं क्या करना चाहता हूं जिससे उपयोगकर्ता वर्ष सेट कर सके। मेरा मतलब है कि चयन ड्रॉप के इनपुट को मैन्युअल रूप से बदलना।

क्या ऐसा करने के लिए कोई सेटिंग है?

कारण मैं ऐसा करना चाहता हूं क्योंकि मुझे नहीं पता, अगर उपयोगकर्ता वर्ष 1 9 20 या 2220 या किसी भी वर्ष से तारीख का चयन कर रहा है। तो मेरे पास एक अच्छा डिफ़ॉल्ट दिनांक मान नहीं है। और ड्रॉपडाउन इंटरफ़ेस उस उपयोगकर्ता मित्रता से नहीं है यदि आपको वर्ष 2000 से वर्ष 1600 तक 20 बार क्लिक करना है।

संपादित करें: मैं क्या करना चाहता हूं "असीमित वर्षों दिखाएं:" केथ- wood.name/datepick.html#monthyear। मानक jquery datepicker के साथ कुछ भी समान है। मुझे सेटिंग वर्ष नहीं मिल सकता है: jquery datepicker दस्तावेज़ में 'any'।

+0

आपका प्रश्न मान्य है। आपने उस जवाब को क्यों स्वीकार किया, अगर यह वास्तव में आपकी ज़रूरतों को हल नहीं करता है? मुझे एक ही समस्या है, अगर मैं इसे हल कर दूं तो मैं आपको बता दूंगा .... –

उत्तर

5
changeYear: true 

पहले से ही एक चयन बॉक्स प्रदर्शित कर रहा है .. तो समस्या क्या है ?? वर्ष के मैन्युअल इनपुट के लिए बस अपना इनपुट टेक्स्ट बनाएं?

+0

आपका संपादन: मैं असीमित वर्षों के साथ एक चयन बॉक्स को स्क्रॉल नहीं करना चाहता ... अपना इनपुट फ़ील्ड बनाएं! अगर आपको इसके साथ मदद की ज़रूरत है तो – ggzone

+0

अपने anwser के लिए धन्यवाद। मैं क्या करना चाहता हूं, कि उपयोगकर्ता डेटपिकर कैलेंडर गुई में वर्ष में प्रवेश कर सकता है। एक ड्रॉपडाउन से वर्ष का चयन करने के बजाय। मुझे उम्मीद है कि यह छवि आपकी मदद करेगी http://screencast.com/t/kLEUQKRVx – sandrozbinden

+0

हाँ जैसे मैंने कहा कि इसे jquery के साथ स्वयं संपादित करें। डेटपिकर का चयन बॉक्स प्राप्त करें और विशेषताओं को बदलें ... विकल्पों को हटाएं ... इसे एक इनपुट फ़ील्ड प्रकार टेक्स्ट बनाएं। – ggzone

7

आप अपने गुण के लिए

yearRange: "1930:2010" 

जोड़कर वर्षों की सीमा निर्दिष्ट कर सकते हैं। उदाहरण के लिए:

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