Datepicker繼續為我重置其他輸入字段

Question

我有一個下面帶有數據選擇器的輸入字段文本：

 <input type="type" class="form-control" name="cost" v-bind:value="cost">
    <div class="form-group col-md-8">

       <label class="col-md-2 control-label" >From:</label>
        <datepicker  v-model="period.from" :format="period.format" id="vue-time-picker"
                    :clear-button="true"
                    name="from"></datepicker>

       <br>
       <label class="col-md-2 control-label" >To:</label>
        <datepicker v-model="period.to" :format="period.format" id="vue-time-picker"
                    :clear-button="true"
                    name="to"></datepicker>
    </div>

我一直在使用vuejs-datepicker，並且一直都在填寫第一個字段，一旦選擇了日期，它將輸入文本重置為舊值嗎？

有人對此有解決方案嗎？

Answer 1

重復的ID值id="vue-time-picker"

input type="type"似乎也是錯誤的