jQuery Pickatime，在变更事件发生后，下拉窗口未关闭

Question

我正在使用jQuery Time Picker。在选择时间时，显示时间必须关闭的DOP向下窗口，但并不是。

<h:inputText id="selectTime" value="00:00" />
$('#selectTime').pickatime({
    format: 'HH:i',
    disable: [
        [0, 0]
    ]
})
$('#selectTime').on('change', function() {
    $(this).hide();
})

对于上述变更事件，输入文本会隐藏，而不是时间选择器下拉。我对此表示了解，当我使用它时，它将隐藏文本框。 但是，选择时间后，正确的方法是什么？

Answer 1

也许您的输入元素属于标签元素。您必须使用容器将Picker Root Element的事件分开为标签事件。

创建一个带有示例ID的空白div：

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

初始化选择器：

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

Answer 2

我正在为jQuery Custom Combobox提供相同类型的问题，并这样修复了：

$('#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
   }
})