В JQuery, как я могу показать календарь, когда кто-то нажимает на изображение?

Question

Я хочу загрузить uidatepicker (jQuery), когда кто-то нажимает на изображение.Прямо сейчас uidatepicker присоединен к полю ввода: (и он тоже работает нормально)

$ ('# selected_date'). Datepicker ({dateFormat: 'M d, yy'});$ ('# selected_date'). click (function () {$ ('# selected_date'). datepicker ({dateFormat: 'M d, yy'});});

Как отобразить календарькогда кто-то нажимает на изображение?

Answer 1

Назначьте класс selected_date вашим изображениям и используйте код:

$('.selected_date').datepicker({..........});

Теперь средство выбора даты будет активировано для элемента (изображение в вашем случае), который имеет класс selected_date.

Answer 2

Хороший пример этого есть на сайте jquery ui с исходным кодом:

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

Answer 3

Следующее поместит маленькое изображение «календаря» рядом с текстовым полем ввода ... при щелчке по изображению появится средство выбора uidatepicker ...

$('ReferenceToTextBoxHere').datepicker({
        showOn: 'button',
        buttonImage: './images/Calendar.png',
        buttonImageOnly: true        
 });

где свойство "buttonImage" - это путь к изображению, которое вы хотите показать при нажатии на