Question

我的网页上有4个输入字段。（按下按钮编辑后，这4个中只有2个出现）。因此，对于所有这4个，我得到了datepicker，但只有2个，当点击日期时，输入字段的值会被更改。

我不知道出了什么问题，我尝试过不同的可能性，但到目前为止还没有。 datum_in＆amp; 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>

有人知道我可能犯错的地方吗？

非常感谢！

Answer 1

我找到了答案。一些输入字段添加（具有相同的ID）但隐藏的地方。所以答案是使用$（'。classname'）。

datepicker未插入输入字段

1 个答案: