jQuery - एक विशिष्ट div

पर डेटपिकर का कंटेनर सेट करें मैं एक div पर jQuery UI datepicker का उपयोग कर रहा हूं। div माउस को ले जाकर छुपाता है और दिखाता है। चूंकि डेटपिकर <body> टैग के अंत में मौजूद है, मेरे div के अंदर नहीं, जब मैं माउस को डेटपिकर पर ले जाता हूं तो div गायब हो जाता है।jQuery - एक विशिष्ट div

मैं इस तरह datepicker भरी हुई:

जावास्क्रिप्ट

$("#dt1").datepicker({ 
    dateFormat: "dd/mm/yy", 
    showOn: "button", 
    buttomText: "Arrival date", 
    buttonImage: "<button location>", 
    buttonImageOnly: true, 
});

एचटीएमएल

<input type="text" id="dt1" size="10" name="dt1" value="Arrival Date" />

मैं किसी विशिष्ट div करने के लिए datepicker के कंटेनर सेट कर सकते हैं?

संपादित करें: JSFiddle पर यह देखें: http://jsfiddle.net/G4NzC/

स्रोत

2014-05-18 smartDonkey

आप दूसरों के बेहतर समस्या को समझने के लिए jsfiddle.net में एक डेमो बनाने का सुझाव है। – charlietfl

जोड़ा गया। http://jsfiddle.net/G4NzC/ – smartDonkey

आपको अपने कोड –

समाधान छिपा-निरपेक्ष-तैनात-div के अंदर करने के लिए dataPicker के div ले जाने के लिए है।

कुछ इस तरह (इस @andrew से सिर्फ विचार है, लेकिन आप सीएसएस स्टाइल और अन्य चीजों में सुधार करने की जरूरत है):

ध्यान दें कि #dt1 तारीख के लिए इनपुट पाठ है, #ui-datepicker-div datepicker के div और #bookingBox है छुपा-पूर्ण-स्थान-div है।

$("#dt1").datepicker({ 
dateFormat: "dd/mm/yy", 
showOn: "button", 
buttomText: "Arrival date", 
buttonImage: "http://www.inbar.co.il/designFiles/Inbar_Ico_Calander.png", 
buttonImageOnly: true, 
beforeShow:function(textbox, instance){ 
    $('#ui-datepicker-div').css({ 
     position: 'absolute', 
     top:-20, 
     left:5     
    }); 
    $('#bookingBox').append($('#ui-datepicker-div')); 
    $('#ui-datepicker-div').hide(); 
} });

स्रोत

2014-05-25 07:21:03 smartDonkey

सरल समाधान जो मैंने पाया

$("#myDatePicker").datepicker({ 
    beforeShow:function(textbox, instance){ 
    $('.DivToAppendPicker').append($('#ui-datepicker-div')); 
    } 
});

स्रोत

2017-03-11 08:49:05 Moiz

jQuery - एक विशिष्ट div

उत्तर

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