Question

让我分享我的具体情况。我有两个输入

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

我已将datepicker设置如下

$("#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");
            }
        });

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

在通过firebug检查标记时，我发现只有一个datepicker div被处理了两个datepicker。

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

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

Answer 1

作为解决方案，

我打开第一个datepicker的第二个datepicker 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();
            }
        });

现在它对我来说很好。

保持jQuery datetimepicker打开

1 个答案: