Question

如果您使用经典主题在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中。

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

Answer 1

您可以添加以下行：

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

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

Answer 2

出现的滚动条属于对话框小部件而不是datepicker。单击滚动条与单击其他位置导致关闭datepicker

的效果相同

Answer 3

确保在创建对话框实例

后创建pickatime实例

单击JQuery UI对话框时，Pickadate时间选择器消失

3 个答案: