javascript - 在鼠标移出时隐藏 ui 日期选择器

Question

我认为这不起作用，因为它在输入上执行鼠标移出。但是我将如何选择 datepicker 的当前实例来添加 hide 方法？

$("input.datePicker").datepicker().mouseout(function() {
    $(this).datepicker("hide");    
});

Answer 1

您需要将datepicker类本身定位为选择器：

$('.ui-datepicker').mouseleave(function(){
    $("input.datePicker").datepicker('hide').blur()

});

由于日期选择器是动态生成的，因此需要在小部件初始化后调用它。

工作演示：http: //jsfiddle.net/nBmcY/2/

编辑：还添加了输入的触发模糊，因此如果出现错误，用户可以立即单击相同的字段。