0

让我分享我的确切情况。我有两个输入

<input type="text" id="dt1" readonly="readonly" />
<input type="text" id="dt2" readonly="readonly" />

我已经设置了日期选择器，如下所示

$("#dt1").datepicker({
            showOn: "button",
            buttonImage: "../images/calender.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            onSelect: function (dateText, inst) {
                $("#dt2").datepicker("show");
            }
        });

 $("#dt2").datepicker({
            showOn: "button",
            buttonImage: "../images/calender.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            onSelect: function (dateText, inst) {
                $("#dt1").datepicker("show");
            }
        });

现在我正在做的是，在选择一个日期选择器时，我正在打开另一个日期选择器。

在通过萤火虫检查标记时，我发现只有一个datepicker div为两个日期选择器处理。

因此，通过单击 imageButton 它将设置该 divdisplay:block;并且焦点从那里丢失它将设置该 divdisplay:none;

所以问题是，在选择一个日期选择器时，它将显示另一个日期选择器，但在第一个日期选择器的 onclose 事件之后将被调用，这将设置该日期选择器的 div display:none。所以第二个日期选择器将不可见。

4

1 回答 1

0

作为解决方案，

我打开第一个日期选择器onClose的第二个日期选择器而不是onSelect.

 $("#dt1").datepicker({
            showOn: "button",
            buttonImage: "../images/calender.gif",
            buttonImageOnly: true,
            changeMonth: true,
            changeYear: true,
            onSelect: function (dateText, inst) {
            },
            onClose: function (dateText) {
                $('#dt2').focus();
            }
        });

现在它对我来说工作正常。

于 2013-04-19T07:51:43.160 回答