इनपुट क्षेत्र के साथ इनलाइन jquery datepicker को संयोजित करें?

Question

मुझे पता है कि मैं इनलाइन डेटपिकर प्राप्त करने के लिए $('div').datepicker() का उपयोग कर सकता हूं, लेकिन मैं अपने इनपुट फ़ील्ड के नीचे datepicker निश्चित इनलाइन कैसे दिखा सकता हूं?

alt फ़ील्ड विकल्प मेरे लिए काम नहीं करता है क्योंकि मुझे datepicker इनपुट क्षेत्र में दर्ज की गई तारीख पर प्रतिक्रिया करने के लिए भी चाहिए।

<inputfield type="text" id="d" > 
<div id="z"></div> 
<script> $('#z').datepicker().bindToInputfield($('#d')) </script> 

Answer 1

इस प्रयास करें:: कार्य डेमोhttp://jsfiddle.net/KRFCH/

altField विकल्प दूसरे क्षेत्र आप चाहते हैं की कड़ी देगा

मैं निम्नलिखित स्यूडोकोड की तरह कुछ की आवश्यकता होगी! http://jqueryui.com/datepicker/#alt-field

अब ध्यान दें: इनपुट में कोई बदलाव change

पर datepicker में प्रतिबिंबित करेगा यह आपके कारण फिट चाहिए :)

कोड

$('#z').datepicker({ 
    inline: true, 
    altField: '#d' 
}); 

$('#d').change(function(){ 
    $('#z').datepicker('setDate', $(this).val()); 
}); 

Answer 2

संभव नहीं प्राप्त करने के लिए इनपुट फ़ील्ड का उपयोग करके डेटपिकर इनलाइन। इसलिए, जो चाहते थे उसे प्राप्त करने के लिए दोनों div फ़ील्ड और इनपुट फ़ील्ड का एक साथ उपयोग करें।

और यह भी परिवर्तन इनपुट क्षेत्र में किए गए भी datepicker में प्रतिनिधित्व किया जाएगा भी

कोड:

<input type="text" id="text" /> 
<div id="mydiv"></div> 
<script> 
$('#mydiv').datepicker(); 

$('#text').change(function(){ 
    $('#mydiv').datepicker('setDate', $(this).val()); 
}); 
$('#mydiv').change(function(){ 
    $('#text').attr('value',$(this).val()); 
}); 
</script> 

जांच jsfiddle मैं बना लिया है आप के लिए:

http://jsfiddle.net/v9XCP/