在mouseout上隐藏ui datepicker

Question

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

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

Answer 1

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

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

});

由于动态生成了datepicker，因此需要在窗口小部件初始化后调用它。

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

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