Datepicker继续为我重置其他输入字段

Question

I have an input field text with a datapicker below:

 <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>

I am using vuejs-datepicker and all the time I fill the first field and as soon as I select a date it will reset me the input text to old value ?

Does anyone has a solution for this ?

Answer 1

duplicated id value id="vue-time-picker"

input type="type" seems wrong too