jquery-ui - 当输入失去焦点时jquery关闭日期选择器

Question

我在输入中使用日期选择器，我的最后一个字段是日期选择器输入，验证它后我想将焦点设置在表单内的另一个输入上，但问题是日期选择器没有关闭，即使它没有重点..

当我将焦点设置在另一个输入字段上时，如何关闭日期选择器？(我尝试了 .datepicker("hide"); 但它对我不起作用)。

更新:这是我的代码:

$(function()
    {    $( "#test_date" ).datepicker({
                dateFormat: "dd/mm/yy"
        });
        });
 //when i call my function:
 $( "#test_date" ).datepicker("hide"); //---> this does not work!

提前致谢。

Answer 1

已编辑问题以使用最新版本的 jqueryUI

当元素因用户交互而失去焦点时，JqueryUi 会自动关闭日期选择器，但在使用 JS 更改焦点时则不会。

在您调用函数的地方，该函数会从分配了日期选择器的输入中删除焦点，您还需要调用:

 $("#test_date ~ .ui-datepicker").hide();

此代码隐藏了日期选择器，它是 #test_date 的同级 (~)。