इनपुट क्षेत्र को शामिल किए बिना बटन प्रेस पर jQueryUI डेटपिकर दिखाएं

Question

एएसपी.नेट प्रोजेक्ट में, मैं एक बटन दबाते समय jQueryUI डेटपिकर आने का एक तरीका ढूंढ रहा हूं, फिर दिनांक चुनने पर पोस्टबैक का कारण बनता है। मुझे पोस्टबैक भाग this method का उपयोग करके काम कर रहा है, लेकिन मुझे चुनने में परेशानी हो रही है जब मैं इसे चुनना चाहता हूं या दिनांक चुनने पर ठीक से व्यवहार करना चाहता हूं।

मैं कोशिश की है:

• बटन ही पिकर अटैच किया जा रहा है, लेकिन यह द्वारा चुनी गई तिथि के लिए बटन का पाठ सेट के बाद मैं चुन सकते हैं और इससे पहले कि पोस्टबैक होता है, जो मैं करना नहीं चाहता ।
• बटन पर पिकर को संलग्न करना और altField विकल्प को <input type='text' /> पर सेट करना जो ब्राउज़र विंडो के बाहर स्थित है, लेकिन यह अभी भी दिनांक चुनने पर बटन का टेक्स्ट सेट करता है।
• इसे div पर संलग्न करके और इसे onclick बटन में जोड़कर इनलाइन बनाना। लेकिन this forum post के अनुसार, डिज़ाइन द्वारा इनलाइन डेटपिकर एक पूर्ण बटन नहीं दिखाता है, और मैं इसे बाहर क्लिक करके इसे खारिज नहीं कर सकता।
  • मैंने डेटपिकर के बटन कंटेनर (जो showButtonPanel सेट किया गया है, तब दिखाता है) पर एक डोन बटन जोड़ने का प्रयास किया, लेकिन यह महीना या वर्ष बदलता है और किसी भी घटना को मैं अनुमति देने के लिए बाध्य नहीं कर सकता मुझे इसे वापस जोड़ने के लिए।
  • मैंने दस्तावेज़ निकाय में mouseup हैंडलर को जोड़ने का प्रयास किया है, इसलिए जब मैं इसे बाहर क्लिक करता हूं तो मैं डेटपिकर को खारिज कर सकता हूं, लेकिन जब मैं डेटपिकर पर क्लिक करता हूं तो ट्रिगर होता है, और ऐसा लगता है कि पिकर को बिल्कुल काम करने से रोकना है।

क्या सबसे अच्छा तरीका यहाँ है?

Answer 1

मैंने पहले एक छिपे हुए input क्षेत्र का इस्तेमाल किया और सफल परिणाम के साथ यह करने के लिए एक datepicker संलग्न किया है:

$("#date").datepicker({...}); // #date has style display='none' 

$("#show-date").click(function() { 
    $("#date").datepicker("show"); 
}); 

उदाहरण:http://jsfiddle.net/7pttr/