vue单选会影响到时间插件，将input里的时间给回到默认

Question

vue页面中，引入了bootstrap-datepicker时间插件，本来以为很简单了发现有坑，我时间插件拥有默认时间，下面的input的radio选中会将我选好的时间给调到刚开始的的效果。下面上代码
<div id="myapp">

    <div style="width: 200px;margin-top: 40px;margin-left: 100px">
        <input class="startTime form-control input-inline input-small date-picker"  type="text" placeholder="选择日期" v-model="abcd" ref="input1">
    </div>
    <input type="radio" v-model="gender" value="1">  <label>是</label>
    <input type="radio" v-model="gender" value="2">  <label>否</label> 
</div>

jQuery(document).ready(function($) {

$('.startTime').datepicker({
    orientation: "top",
    autoclose: true,
    language: "zh-CN",
    format: 'yyyy-mm-dd'
})

});
var app = new Vue({

el:"#myapp",
data:function(){
    return{
        abcd: "2017"
    }
},
methods:{
    
},
created:function(){

}

})
点击下面单选框的时候就会会将选好的时候变成默认值2017,如果没有默认值也就变成空了

Answer 1

为什么要有用bootstrap-datepicker。不去找一个vue的datepicker