Javascript 隐藏在鼠标上方的日期选择器

当用户将鼠标移离日期选择器处于活动状态的输入时，我需要隐藏日期选择器。虽然有效，但效果有点太好了。当我尝试将鼠标移到日期选择器上时，它还隐藏了日期选择器。调整div的大小也不是最好的主意，因为这是一个动态生成的数据输入表单。并且仅使用.herd evt date类生成日期字段

如果我将鼠标移离文本框而不是日期选择器，我需要知道如何让jquery检查。如何做到这一点

$('#herd-evt-entry-tbl').on('focus','.herd-evt-date',function() {
  $(this).datepicker({
    onSelect: function() {this.focus();},
    onClose: function() {this.focus();},
    dateFormat: 'dd-mm-yy'
  });
});
$('#herd-evt-entry-tbl').on('mouseleave','.herd-evt-date',function() {
  $(this).datepicker('hide');
});

HTML:

交配事件
你可以这样做：

$("#herd-evt-entry-tbl").hover(function () {
     // Do something on Mouse Over.
}, function () {
    // Do something on Mouse Off.
});

因此，如果整个
div
是元素
herd evt entry tbl
，则当
div
元素悬停在on或off位置时，它将执行您的任务。它还可以将
显示重新绑定到可见对象。您的行
$（this.datepicker（'hide'）实际上正在应用
显示：无，再次鼠标悬停时可能需要修改。
html在哪里？当我们看不到DomeExample标记显示意外行为时，很难排除事件：我添加了一个html更新。考虑到表格的动态特性，它可能没有什么用处。是的，这是我需要朝着这个方向迈出的一步。这对我很有用，并提醒我在某个时候更新jquery。
$("#herd-evt-entry-tbl").hover(function () {
     // Do something on Mouse Over.
}, function () {
    // Do something on Mouse Off.
});