Календарь jquery / datepicker

У меня проблемы с отображением всплывающего окна datepicker при щелчке изображения и отправкой выбранного ввода в поле ввода текста. В основном, когда пользователь нажимает на изображение календаря, должно появиться всплывающее окно выбора даты, они выбирают ввод, и он появляется в текстовом вводе. Кроме того, мне нужен ввод текста, чтобы показать правильную дату в календаре, если они вводят дату, а затем проверьте календарь. Вот мой раздел ввода и изображения.

<p>Date: <input type="text" class="screening_01" id="screening_01" maxlength="10" size="10" value="<%=session.getAttribute("screening_01")==null?"":session.getAttribute("screening_01")%>" /></p>
<div id="calender"><img src="/images/calendar.png" /></div>

Это рабочий датпикер, но он работает, только если я нажимаю на поле ввода текста.

$(function() {
    $( "#screening_01" ).datepicker();
});

Теперь мне нужно, чтобы он всплывал, когда я щелкаю изображение календаря или div, может быть, что-то вроде этого? (не работает конечно)

$("#calender").click(function() {
       $("#datepicker").show(); 
    });

datepicker jquery
person user2089255    schedule 08.04.2013    source источник

Ответы (4)


arrow_upward
2
arrow_downward

Это то, что вы ищете, используя метод show:

$("#calender").click(function() {
   $("#screening_01").datepicker( "show" );
});

В случае сомнений всегда смотрите Справочник по API: http://api.jqueryui.com/datepicker/#method-show

person Adriano Carneiro    schedule 08.04.2013
comment
единственное, я верю, что его идентификатор datepicker screening_01 - person Rick Calder; 08.04.2013
comment
@RickCalder Принято к сведению, изменил это - person Adriano Carneiro; 08.04.2013
comment
Спасибо за ответы. я попробую это здесь в ближайшее время! - person user2089255; 08.04.2013
comment
Ребята, вы так просто делаете это, я все еще начинаю программист, сейчас я использую C #, а потом javascript. - person user2089255; 08.04.2013

arrow_upward
0
arrow_downward

используйте параметр показать для datepicker и вызовите его в #screening_01

$("#calender").click(function() {
  $( "#screening_01" ).datepicker('show');
});
person bipen    schedule 08.04.2013

arrow_upward
0
arrow_downward

Может быть, это вам поможет ...

$( "#screening_01" ).datepicker({
  showOn: "button",
  buttonImage: "images/calendar.gif",
  buttonImageOnly: true
});

Для справки: http://jqueryui.com/datepicker/#icon-trigger.

person Pank    schedule 08.04.2013

arrow_upward
0
arrow_downward

Datepicker уже имеет возможность запускать изображение значка.

$( "#datepicker" ).datepicker({
      showOn: "both", //image click and focus on input field
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true
    });
person Icarus    schedule 08.04.2013