DatePicker не вставлен в поле ввода - PullRequest
0 голосов
/ 07 февраля 2012

У меня есть 4 поля ввода на моей веб-странице. (2 из тех 4 просто появляются после нажатия кнопки редактирования). Таким образом, для всех этих 4 я получаю указатель даты, но только для 2 из них значение поля ввода изменяется при нажатии на дату.

Я не знаю, что не так, и я попробовал уже другие возможности, но ни одна не работала до сих пор. datum_in & datum_uit работал, но не datum_in_edit или datum_uit_edit (но указатель даты появляется)

Вот мой код

<script type="text/javascript">
    $(function() {
                var dates = $( "#datum_in, #datum_uit" ).datepicker({
                    changeMonth: true,
                    changeYear: true,
                    minDate: 0,
                    changeMonth: true,
                    defaultDate: "+1d",
                    maxDate: '+2Y +6M',
                    numberOfMonths: 1,
                    showOtherMonths: true,
                    selectOtherMonths: true,
                    onSelect: function( selectedDate ) {
                    var option = this.id == "datum_in" ? "minDate" : "maxDate",
                            instance = $( this ).data( "datepicker" ),
                            date = $.datepicker.parseDate(
                                instance.settings.dateFormat ||
                                $.datepicker._defaults.dateFormat,
                                selectedDate, instance.settings );

                        dates.not( this ).datepicker( "option", option, date );
                    }
                });
                $('#datum_in,#datum_uit').datepicker('option', $.extend({showMonthAfterYear: false},$.datepicker.regional['nl']));
                $('#datum_in,#datum_uit').datepicker( "option", "dateFormat", "yymmdd" );

                $( "#datum_in_edit, #datum_uit_edit" ).datepicker({
                    changeMonth: true,
                    changeYear: true,
                    minDate: 0,
                    changeMonth: true,
                    defaultDate: "+1d",
                    maxDate: '+2Y +6M',
                    numberOfMonths: 1,
                    showOtherMonths: true,
                    selectOtherMonths: true,
                });
                $('#datum_in_edit,#datum_uit_edit').datepicker('option', $.extend({showMonthAfterYear: false},$.datepicker.regional['nl']));
                $('#datum_in_edit,#datum_uit_edit').datepicker( "option", "dateFormat", "yymmdd" );
            });
</script>
<form action='/fruits/index.php?item=bad' name='form' method='post' enctype='multipart/form-data'>
    <tr>
        <td class="tleft"><input type='text' name='datum_in' id='datum_in' readonly="readonly"/></td>
        <td class="tleft"><input type='text' name='datum_uit' id='datum_uit' readonly="readonly"/></td>
        <td class="vTop"><input type="submit" value="Bewaar"/></td>
    </tr>
    </form>

    <form action='/fruits/index.php?item=bad' name='form_edit' method='post' enctype='multipart/form-data'>
        <td class="tleft"><input type='text' name='datum_in_edit' id='datum_in_edit'/></td>
        <td class="tleft"><input type='text' name='datum_uit_edit' id='datum_uit_edit' /></td>
        <td class="vTop"><input type="submit" value="Bewaar"/></td>
    </tr>
</form>

Кто-нибудь знает, где я мог ошибиться?

Большое спасибо заранее!

1 Ответ

1 голос
/ 16 марта 2012

Я нашел ответ.некоторые поля ввода добавлены (с тем же идентификатором), но скрыты.Так что ответом было использование $ ('. Classname').

...