Question

我正在使用JQuery Time选择器。在选择时间时，显示时间的下降窗口必须关闭，但事实并非如此。

<h:inputText id="selectTime" value="00:00" />

$('#selectTime').pickatime({
    format: 'HH:i',
    disable: [
        [0, 0]
    ]
})
$('#selectTime').on('change', function() {
    $(this).hide();
})

对于上面的更改事件，输入文本会隐藏，但不会显示Time Picker Drop down。我强调，因为我使用它，它将隐藏文本框。但是，在选择时间之后，对时间选择器进行修改的正确方法是什么。

Answer 1

也许你的输入元素属于标签元素。您必须使用容器将选取器根元素的事件分隔为标签事件。

创建一个空白div，其中包含样本ID＆＃34; root-picker-outlet＆＃34;：

<div id="root-picker-outlet"></div>

初始化选择器：

$('.timepicker').pickatime({
  container: '#root-picker-outlet'
})

Answer 2

我为jQuery自定义组合框运行时遇到了同样的问题，并修复如下：

$('#selectTime').pickatime({
   format: 'HH:i',
   disable: [ [0, 0] ]
})

$('#selectTime').on('change', function() {
   $(".ui-menu").css('display', 'none');
   //hide the menu according to your dropdown locator in css
})

同时你必须添加键盘输入方法以隐藏菜单，例如

$('#selectTime').keypress(function(event) {
   if (event.which == 13) {
     $(".ui-menu").css('display', 'none');
     //hide the menu according to your dropdown locator in css
   }
})

Jquery pickatime，在更改事件后下拉窗口不关闭

2 个答案: