2010-04-09 14 views
12

मैं यह करने के लिए एक रास्ता के लिए खोज कर रहा है के लिए परिणाम भेजने के लिए, लेकिन कुछ भीउत्प्रेरक jQueryUI datepicker, विकलांग इनपुट क्षेत्र

नहीं पा सके मैं एक करना चाहते हैं:

  • अक्षम इनपुट टेक्स्ट फ़ील्ड, जिसे #XX कहा जाता है। यह इनपुट डेटपीकर से चयनित मान को संग्रहीत करेगा (क्योंकि यह इनपुट अक्षम है, मैं डेटपिकर को ट्रिगर करने के लिए इसका उपयोग नहीं कर पाऊंगा)

  • बटन, #XX के अलावा। जब उपयोगकर्ता इस बटन पर क्लिक करता है, तो डेटपिकर दिखाएगा। उपयोगकर्ता तिथि का चयन करेगा, और यह तिथि अक्षम इनपुट #XX को सौंपी जाएगी।

मैं यह इतना उपयोगकर्ता को नहीं बदल सकते चाहते मैन्युअल -by टाइपिंग crap- चयनित तिथि

इसके अलावा, मैं सत्यापित करना चाहिए अगर तारीख # XX.val() का उपयोग कर दर्ज किया गया था? या कोई बेहतर तरीका है?

उत्तर

9
<script type="text/javascript"> 
    $(function() { 
     $("#datepicker").datepicker({ 
      constrainInput: true, 
      showOn: 'button', 
      buttonText: 'Select...' 
     }); 
    }); 
</script> 
<input id="datepicker" disabled="disabled" /> 

यह अगले इनपुट क्षेत्र के लिए एक बटन जोड़ देगा, और क्षेत्र में पाठ में प्रवेश करने से उपयोगकर्ता को अक्षम ...

49

आप एक डेटपिकर दिखा सकते हैं जो पहले "शो" विधि का उपयोग कर इनपुट तत्व से जुड़ा हुआ है।

$('#myButton').click(function() { 
    $('#myField').datepicker("show"); 
}); 
+0

धन्यवाद, बहुत उपयोगी! – Enrique

+0

धन्यवाद, इससे मेरी मदद की। –

+0

धन्यवाद .. यह वह जवाब है जिसे मैं ढूंढ रहा हूं .. –

1

लिए देर हो सकता है, लेकिन मैं सिर्फ इस

किया
$("#firstDate").datepicker({ 
    onSelect: function() { 
     myfunc(); 
    } 
}); 

$("#secondDate").datepicker({ 
    showOn: '' 
}); 

function myfunc(){ 
    var fDate = $('#firstDate'); 
    var sDate = $('#secondDate'); 
    sDate.val(fDate.val()); 
} 

यह डेटपिकर इनपुट पर क्लिक नहीं दिखाता है और डेटपिकर दिखाने के लिए बटन प्रदर्शित नहीं करता है। अक्षम मेरे मामले में काम नहीं करता है क्योंकि मुझे उस इनपुट फ़ील्ड से मूल्य निकालने की आवश्यकता है।

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