Как запустить jQuery UI DatePicker onclick?

Стандартный код для DatePicker:

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

Как запустить событие datepicker onclick из встроенного html, я имею в виду

<input ... onclick="" >

и без отдельного JS-кода?

Я пробовал:

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

Но он работает только при втором щелчке.

Как заставить его работать при первом нажатии?

Спасибо.

ОТВЕТЫ

Ответ 1

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

Это работает случайно?

Я не эксперт, но я считаю, что вам нужно дважды щелкнуть его, потому что первый клик просто инициализировал его как datepicker. После этой инициализации он ведет себя как нормальный datepicker, независимо от onclick.

Ответ 2

После создания datepicker откройте его следующим образом:

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

Перейдите к API-интерфейсу datepicker API, просмотрите вкладку методов, все там

Ответ 3

Попробуйте этот код:

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

});
</script>

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