保持 jQuery datetimepicker 打开

Posted 2023-05-07

【中文标题】保持 jQuery datetimepicker 打开

【英文标题】：Keep jQuery datetimepicker open

【发布时间】：2013-04-11 18:37:15

【问题描述】：

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

<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");
            
        );

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

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

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

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

【问题讨论】：

什么是funcrion？粘贴错误可能？ span>

我试图在这里组装一个场景：jsfiddle.net/cwcU9/8 但我无法复制。你能试着组装一个我们可以访问的场景吗？

我从 cdn 添加了引导程序，它可以工作jsfiddle.net/kgpYm

@MarkSchultheiss :: 它是function。编辑了我的问题

@SagarJoshi 只是认为您应该注意这一点 ***.com/questions/15330790/…

【参考方案1】：

作为一种解决方案，

我打开第一个日期选择器的第二个日期选择器 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();
            
        );

现在它对我来说很好用。