Tôi hiện đang có một hộp thoại có hai đầu vào là nội dung của nó (với hai đầu vào sử dụng .datepicker()
). Khi tôi mở hộp thoại, đầu vào đầu tiên sẽ trở thành tiêu điểm và biểu tượng datepicker đầu tiên sẽ tự động xuất hiện. Tôi đã thử ẩn div và làm mờ đầu vào, nhưng điều đó làm cho datepicker không còn xuất hiện trên tiêu điểm.Hộp thoại jQueryUI/Datepicker Auto-Opens
Lý tưởng nhất, tôi muốn có thể như sau:
- Mở hộp thoại (không datepickers hiển thị).
- Nhấp vào mục nhập đầu tiên và có chương trình hiển thị ngày tháng.
Đây là mã hiện tại của tôi:
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");
}
});
tôi cũng đã thực hiện một bản demo jsfiddle: http://jsfiddle.net/ARnee/19/
Tôi đã tìm kiếm trực tuyến cho một giải pháp, và tìm thấy tương tự questions , nhưng không ai có vẻ như giúp đỡ. Bất cứ ai có thể giúp tôi?!
EDIT:
Trình duyệt tôi đang sử dụng là Chrome.
Cảm ơn sự giúp đỡ của bạn! Đây là một cách khéo léo để tiếp cận điều này! – Dom
Cảm ơn. Tôi cũng đặt 'nền: minh bạch', bởi vì biểu mẫu có Màu khác nhau. –