Jak uruchomić jQuery UI DatePicker onclick?

Question

Kod standard DatePicker jest:

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
<p>Date: <input type="text" id="datepicker"></p> 

Jak uruchomić datepicker zdarzenie onclick z inline html, mam na myśli

<input ... onclick="" > 

i bez osobnego kodu JS?

Próbowałem:

<p>Date: <input type="text" id="datepicker" onclick="$(function() {$('#datepicker').datepicker();});"></p> 

Ale to działa tylko na drugim kliknięciem.

Jak to działa przy pierwszym kliknięciu?

Dzięki.

Answer 1

<p>Date: <input type="text" id="dp" onclick="$('#dp').datepicker();$('#dp').datepicker('show');"></p>​ 

że praca przez dowolny szansa?

Nie jestem ekspertem, ale wydaje mi się, że musiałeś kliknąć dwa razy, ponieważ pierwsze kliknięcie tylko zainicjowało je jako datepicker. Po tej inicjalizacji zachowuje się jak normalny datepicker, niezależnie od onclick.

Answer 2

jak ten?

http://jsfiddle.net/tZXjR/

Answer 3

Po utworzeniu datepicker, otwórz go w ten sposób:

$('#datepicker').datepicker('show') 

idź do datepicker docs API spojrzeć na karcie metod, to wszystko tam

Answer 4

Spróbuj ten kod:

<script> 
$(function() { 
    $("#datepic").datepicker({ showOn: 'button',buttonImage: 'image/calendar.gif'}); 

}); 
</script> 

<input type="text" id="datepic" />