jquery close datepicker when input lose focus

Question

I'm using datepicker inside my input , my last field is the datepicker input , after validating it i want to set focus on another input inside my form , but the problem is the datepicker is not closed even taht it does not have the focus..

how can I close the datepicker when i set the focus on another input field? (I tried .datepicker("hide"); but it did not worked for me).

UPDATE: this is my code:

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

Thank's In Advance.

Answer 1

Question Edited to work with the latest version of jqueryUI

JqueryUi auto-closes the datepicker when an element loses focus by user interaction, but not when changing focus with JS.

Where you are calling your function which removes focus from the input assigned a datepicker you also need to call:

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

This code is hiding the datepicker which is a sibling (~) of #test_date.