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

Question

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

$("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/

编辑:还添加了输入的触发模糊，以便用户在犯错时可以立即单击同一字段。