无法将 v-model 与 vue-date-picker 绑定答案

【问题标题】：Unable to bind v-model with vue-date-picker无法将 v-model 与 vue-date-picker 绑定
【发布时间】：2020-01-23 03:31:39
【问题描述】：

我使用 vue-date-picker 和 v-model 进行两种数据绑定。最初我将值设置为日期（即在这种情况下为 startDate），并且在控制台中我正在打印传递的值（即 startDate）。起初，将值传递给 startDate（即打印 2019-09-17）但是当我选择新日期时，startDate 值没有得到更新，而是值保持与最初时相同通过了。

       <div class="col-md-3">
            <label for="startDate" class>Start Date</label>
            <datepicker v-model="startDate" :readonly="true" format="YYYY-MM-DD" name="startDate"> 
            </datepicker>
       </div>
       <p>Start Date: {{startDate}}</p>

       <div class="col-md-2">
         <div class="md-form mb-0">
           <button type="button" class="btn btn-primary" @click="showDateValues">Apply</button>
         </div>
       </div>

从“vue-date-picker”导入日期选择器；

<script>
import datepicker from "vue-date-picker";

export default {
  name: "Example",
  components: {
    datepicker
  },
  data() {
    return {
      startDate: "2019-09-17"
    };
  },
  methods:{
    showDateValues(){
      console.log("Start Date: "+this.startDate)
    }
  }
};
</script>

【问题讨论】：

查看github.com/8788/vue-date-picker/issues/23

标签： javascript vue.js vuejs2 vue-component vuex

【解决方案1】：

试试这个：

 data() {
    return {
      startDate: new Date("2019-09-17")
    };
  },

【讨论】：

【解决方案2】：

var elm = new Vue({
  el: '.app8',
  mounted () {
    var vm = this
    $('#datedate').datepicker ({
        onSelect: function(dateText) { 
            vm.date = dateText
        }
    })
});

<div class="row mt-5">
  <div class="col">
      <div class="app8">
          <input v-model="date" name="date" class="input" type="date"  id="datedate">
      </div>
  </div>
</div>

希望这会有所帮助

【讨论】：