मेरे पास वर्तमान में दो इनपुट के साथ एक संवाद बॉक्स है (.datepicker()
का उपयोग कर दो इनपुट के साथ)। जब मैं संवाद बॉक्स खोलता हूं, पहला इनपुट फोकस बन जाता है और पहला डेटपिकर स्वचालित रूप से प्रकट होता है। मैंने div को छिपाने और इनपुट को धुंधला करने का प्रयास किया है, लेकिन इससे डेटपिकर फोकस पर नहीं दिखता है।jQueryUI संवाद/डेटपिकर ऑटो-ओपन
आदर्श रूप में, मैं निम्नलिखित करने के लिए सक्षम होना चाहते हैं:
- ओपन (कोई datepickers दिखा के साथ) संवाद बॉक्स।
- पहले इनपुट में क्लिक करें और डेटपिकर शो रखें।
यहाँ मेरे वर्तमान कोड है:
JAVASCRIPT:
$("#to").datepicker({
onClose: function (selectedDate) {
$("#from").datepicker("option", "minDate", selectedDate);
}
});
$("#from").datepicker({
onClose: function (selectedDate) {
$("#to").datepicker("option", "maxDate", selectedDate);
}
});
$("#settingsDialog").dialog({
autoOpen: false,
open: function (event, ui) {
if ($(".ui-datepicker").is(":visible"))
$(".ui-datepicker").hide();
$("#to").blur();
$this.focus().click();
},
close: function() {
$(this).dialog("close");
}
});
मैं भी एक jsfiddle डेमो बना दिया है: http://jsfiddle.net/ARnee/19/
मैं एक समाधान के लिए ऑनलाइन खोज की है, और इसी तरह पाया questions , लेकिन कोई भी मदद करने के लिए प्रतीत होता है। क्या कोई मेरी सहायता कर सकता है ?!
संपादित करें:
मैं जिस ब्राउज़र का उपयोग कर रहा हूं वह क्रोम है।
आपकी मदद के लिए धन्यवाद! यह इस दृष्टिकोण का एक सरल तरीका था! – Dom
धन्यवाद। मैं 'पृष्ठभूमि: पारदर्शी' भी सेट करता हूं, क्योंकि फ़ॉर्म में अलग रंग होता है। –