html - 在模态表单外的表单域中设置的日期值

Question

我在同一页上打印了两次相同的表格。一个在模态框内，另一个在模态框外。当我从模态表单的日期选择器中单击日期时，日期值将设置在模态表单外的表单字段中。我真的不明白为什么会这样。如果有人能给我解决这个问题的方法，我将不胜感激。

形式：

<form class="col s12 api-save-form" enctype="multipart/form-data">
    <input type="text" name="connection_date" class="datepicker dateinput form-control hasDatepicker" id="id_connection_date"> 
    <input type="text" name="disconnection_date" class="datepicker dateinput form-control hasDatepicker" id="id_disconnection_date"> 
    <input type="text" name="re_connection_date" class="datepicker dateinput form-control hasDatepicker" id="id_re_connection_date"> 
</form>

模态内部的形式：

<div class="modal">
    <form class="col s12 api-save-form" enctype="multipart/form-data">
        <input type="text" name="connection_date" class="datepicker dateinput form-control hasDatepicker" id="id_connection_date"> 
        <input type="text" name="disconnection_date" class="datepicker dateinput form-control hasDatepicker" id="id_disconnection_date"> 
        <input type="text" name="re_connection_date" class="datepicker dateinput form-control hasDatepicker" id="id_re_connection_date"> 
    </form>
</div>

标签： htmljqueryjquery-ui