Как отобразить значение календаря, выбранное в текстовом поле, с помощью jquery

Question

У меня есть изображение календаря и текстовое поле. Когда я нажимаю на картинке Мне нужно получить календарь, и в текстовом поле должно быть отображено . Я использую html и jQuery. Как я могу это сделать?

Я знаю только с помощью текстового поля и календаря, как это:

<input type="text" style="float: right;"id="datepicker"> 
$(function() { 
     $("#datepicker").datepicker(); 
}); 

Но мне нужно сделать это как на щелчку:

<img src="images/calendar.gif" id='imgDatePicker'"/> 

я должен получить выбранное значение и отображение в тексте коробка.

Образец изображения:

Как это сделать?

Answer 1

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

$("#datepicker").datepicker({ 
    showOn: "button", 
    buttonImage: "images/calendar.gif", 
    buttonImageOnly: true 
}).next(".ui-datepicker-trigger").css("float", "left"); 

Другим решением может быть добавление, что внутри div теги, а затем применяя стили к нему.

PS: http://jqueryui.com/datepicker/#icon-trigger