Datepicker, заданный div и тег ввода

Question

Я смог успешно привязать фидапинг к полю ввода. Однако можно ли также отображать датупик, прикрепленный к входу после нажатия поля диапазона?

<div class="date_month"> 
<input class="date" id = "set_date_01" type="text" readonly> 
<span class="date_icon">&nbsp;</span></div> 

Я осмотрел и не нашел подходящего решения. Любая помощь приветствуется!

Answer 1

Я хотел бы попробовать это:

$('.date_icon').on('click', function() { 
    $('#set_date_01').focus(); 
}); 

Но вы действительно должны использовать label с атрибутом for вместо вашего пролета. Тогда вам не понадобится js для достижения этого эффекта, и это было бы здорово для доступности.

Например:

<div class="date_month"> 
<label for="set_date_01"> 
    Pick a date 
    <input class="date" id="set_date_01" type="text" readonly> 
</label> 
</div> 

Answer 2

DatePicker имеет атрибут с именем buttonImage:

$(".date").datepicker({ 
    buttonImage: "/images/datepicker.gif", 
    showOn: "both" 
}); 

showOn должен быть установлен на button или both для того, чтобы это работало.

Answer 3

Трудно сказать точно, не зная, какой datepicker вы используете, но большинство jQuery date pickers будут иметь события, которые вы можете запускать вручную. Поэтому вам нужно будет захватить событие click для этого тега span и запустить событие showpicker datepicker.

Вот некоторая документация, описывающая то, что я имею в виду, когда с помощью JQuery UI встроенный DatePicker: http://api.jqueryui.com/datepicker/#method-show