JSFiddle - React, Tailwind, and code Playground

by Sub Taper

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.7/vue.js"></script>
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<body>
  <div id="app">
    <input type="text" id="startDate" v-model="startDate">
    <button type="button" class="btn btn-default" @click="test">按钮</button>
  </div>
</body>

JavaScript

var app = new Vue({
    el: '#app',
    data: {
      startDate: '',
    },
    mounted() {
      $("#startDate").datepicker().on(
     		"changeDate", () => {this.startDate = $('#startDate').val()}
		);
    },
    methods: {
      test() {
        console.log(this.startDate); // the startDate value is ''
      },
    }
  })