jQuery: datepicker - Календарь, активируемый значком и полем даты в то же время

Question

Я уже огляделся, но не смог найти точного решения/проблемы, которые у меня есть сейчас.

Все, что я хочу, это показать календарь, нажав на значок календаря И из текстового поля, в котором отображается дата при выборе даты. Прямо сейчас, попробовав разные свойства, я могу показывать только календарь одним или другим, но не оба: значок и поле.

Это код, я использую, чтобы активировать его с помощью иконки:

$("#datepicker").datepicker({ 
    showOn: 'button', 
    buttonImage: 'images/icon-calendar.gif', 
    buttonImageOnly: true, 
    changeMonth: true, 
    changeYear: true, 
    showAnim: 'slideDown', 
    duration: 'fast' 
}); 

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

Спасибо.

Answer 1

попробовать: showOn: 'как'

Answer 2

Дайте дату Picker полю идентификатор и попробовать это:

<input type="text" name"whatever" id="datepickerfield" /> 

Для поля: настройка

$("#datepickerfield").datepicker({ 
showOn: 'button', 
buttonImage: 'images/icon-calendar.gif', 
buttonImageOnly: true, 
changeMonth: true, 
changeYear: true, 
showAnim: 'slideDown', 
duration: 'fast' 
}); 

Answer 3

Это рабочий код, чтобы календарь появился при нажатии на значок И в поле даты, обратите внимание на значение «оба»:

$("#datepicker").datepicker({ 
showOn: 'both', 
buttonImage: 'images/icon-calendar.gif', 
buttonImageOnly: true, 
changeMonth: true, 
changeYear: true, 
showAnim: 'slideDown', 
duration: 'fast' 
}); 

Благодаря дереку за его помощью.