选择日期时间选择器在单击JQuery UI对话框时消失

Pickadate Time Selector Disappears on Click on JQuery UI Dialog

本文关键字：UI 对话框 消失 JQuery 单击 日期 时间 选择器 选择      更新时间：2023-09-26

如果使用经典主题在 jQuery 对话框中打开时间选取器，并尝试使用时间选取器滚动条向下移动时间列表，则时间列表将消失。

您可以在此处看到问题：http://jsfiddle.net/7c2z840a/7/

jQuery("#tmStart").pickatime({
    editable: true,
    format: 'h:i A',
    formatSubmit: 'HH:i',
    //hiddenSuffix: '_FORMATTED',
    interval: 15,
    min: [7,0],
    max: [21,0]
});

该问题在Chrome和Firefox中都出现，但在IE中则不会出现。

任何人都对为什么会发生这种情况以及如何解决它有任何想法？

您可以添加以下行：

    jQuery("#tmStart_root").find(".picker__box").css({height: "100px", overflow: "auto"});

示例：http://jsfiddle.net/cu0y9hyn/1/

出现的滚动条属于对话框小部件，而不是日期选择器。单击滚动条与单击其他地方具有相同的效果，后者会导致关闭日期选择器

请确保在创建对话框实例后创建 pickatime 实例

日期时间选择器和月数有类似的问题：12

我改变了这个：<p>Date: <input type="text" id="datepicker"></p>

对此： <div id="datepicker"> </div>

将对话框更改为内联

现在滚动不会关闭日期时间选择器。

相关文章：