Datepicker как для текстового поля, так и для значка изображения с другими датами Помогите!

Question

Черт возьми время с этим.

Прямо сейчас, только изображение работает, чтобы вызвать календарь.Я пытаюсь заставить их "обоих" показать.Поле ввода и изображение.

Вот оно на jsbin: http://jsbin.com/ewadi3/3/

Я пробовал showOn: оба .. но не работает !!

<script type="text/javascript">
$(function() {
        pickerOptions = {
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'yy-mm-dd',
            altFormat: 'M d, yy',
            showOn: 'both',
            buttonImage: '/images/calendar.gif'
             };
        $('#beginDate').datepicker(pickerOptions);
        $('#beginDate').datepicker('option', 'altField', '#beginDate2');
        $('#endDate').datepicker(pickerOptions);
        $('#endDate').datepicker('option', 'altField', '#endDate2');
    });</script>

Answer 1

Из просмотра кода в jsbin

  <td width="17" valign="top"><input type="hidden" name="beginDate" id="beginDate" value="" /></td>
    <td width="98" valign="top"><input type="text" id="beginDate2" size="12" value=""/></td>
    <td width="17" valign="top"><input type="hidden" name="endDate" id="endDate" value=""></td>
     <td width="98" valign="top"><input name="endDate2" type="text" id="endDate2" size="12" value="" />

Вы устанавливаете указатель даты с помощью pickerOptions для #beginDate и #endDate, но эти входные данные скрыты, хотя кнопка все еще отображается. Видимые текстовые поля не были расширены с помощью средства выбора даты.

Answer 2

Я думаю, что вы переинициализируете свои средства выбора даты.В приведенном выше коде вы вызываете функцию datePicker() дважды ->

$('#beginDate').datepicker(pickerOptions);
$('#beginDate').datepicker('option', 'altField', '#beginDate2');

Во второй раз, когда она вызывается, я считаю, что она перезаписывает ваши pickerOptions.Когда я удаляю вторую строку для # beginDate.datepicker и # endDate.datepicker, она отображается на обоих.Надеюсь, это поможет!

Пример JSFiddle