【问题标题】:Keep jQuery datetimepicker open保持 jQuery datetimepicker 打开
【发布时间】: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 只是认为您应该注意这一点 stackoverflow.com/questions/15330790/…

标签: jquery twitter-bootstrap datetimepicker


【解决方案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();
            }
        });

现在它对我来说很好用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多