2012-03-27 2 views
0

Возможно, это очень легко сделать, но у меня нет больше идей сейчас :(Так что, пожалуйста, помогите мне, если вы знаете, какJQuery TOOLS DatePicker - открыть календарь после нажатия на кнопку

я использую. JQuery TOOLS DatePicker и мой код выглядит следующим образом:.?

<input type="text" name="date" id="date" class="date" /> 
<img src="calendar.gif" class="open_calendar" /> 

$(function() { 
    $('.date').dateinput(); 

    $('.open_calendar').click(function() { 
     $('#date').data('dateinput').setValue(0).show(); 
    }); 
}) 

я хочу просто открыть календарь для ввода #date после нажатия на кнопку «.open_calendar» Как я могу это сделать код abote не работает к сожалению :(

ответ

0

http://jsfiddle.net/7uDMC/

Взгляните на это и посмотрите, имеет ли смысл :)

+0

Хм это не работает, когда вы нажимаете на изображение первым :( – pronngo

+0

Простите, что попробуйте это, это имеет смысл. –

+0

http://jsfiddle.net/7uDMC/1/ –

0

Это встроенный инструмент jquery tools datepicker.

Если вы используете опцию триггера datepicker, она создаст для вас кнопку с нажатой клавишей caltrigger. Вы можете создать триггер в своем css и установить для него фоновое изображение.

Вот что Javascript будет выглядеть $('.date').dateinput({trigger:true})

И в CSS

.caltrigger { 
background:url(calendar.gif); 
display:block; 
width:20px; 
height:20px; 
} 

Убедитесь, что вы изменяете ширину и высоту в соответствии с вашим изображением.