無法將 v-model 與 vue-date-picker 綁定

Question

我使用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>

Answer 1

嘗試這個：

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

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

希望這會有所幫助