Jak uruchomić datepicker jquery z ogniskiem

Question

Jestem nowy w jquery i chciałbym rozpocząć datepicker z fokusem.

Moje pierwsze pole tekstowe to pole daty i starałem się nadać polu ostrości javascript, ale datepicker nie pojawi się, chyba że kliknę gdzie indziej na stronie, a następnie ustawię ostrość, klikając wewnątrz pola.

Czy istnieje sposób, aby uruchomić datepicker z fokusem i może mieć natychmiastowy start widgetu po załadowaniu strony, a następnie usunąć fokus, gdy użytkownik opuszcza pudełko?

$("#date").datepicker({ 
    dateFormat: "mm-dd-yy" 
    }); 

Answer 1

Spróbuj tego - http://www.jsfiddle.net/wnUWQ/embedded/result

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }); 
    $("#datepick").focus(function() { 
     $("#datepick").datepicker("show"); 
    }); 
    $("#datepick").focus(); 
}); 

EDIT: .ready() funkcją $ (document) obiektu zostanie zwolniony, gdy DOM jest całkowicie załadowana w przeglądarce. Najpierw podłączamy datepicker do input, a następnie podłączamy zdarzenie, które pokazuje datepicker i ostatnio ustawiamy fokus na dane wejściowe.

To wszystko może być chained w jednej linii, jak w:

$(document).ready(function() { 
    $("#datepick").datepicker({ 
     dateFormat: "mm-dd-yy" 
    }).focus(function() { 
     $("#datepick").datepicker("show"); 
    }).focus(); 
});