mint-ui datetime-picker 怎么關(guān)閉。

<span>入住</span>
<span class="checkin_date">{{checkinDate}}</span>
          <mt-datetime-picker
            v-model="checkinDateVal"
            ref="checkin_picker"
            type="date"
            :startDate="startDate"
            :endDate="endDate"
            @confirm="checkinConfirm"
            @cancel="checkinCancel"
            >
          </mt-datetime-picker>
 <span>離店</span>
 <span class="checkout_date">{{checkoutDate}}</span>
          <mt-datetime-picker
            v-model="checkoutDateVal"
            ref="checkout_picker"
            type="date"
            :startDate="startDate"
            :endDate="endDate"
            >
          </mt-datetime-picker>
          
 data () {
    return {
      checkinDate:'',
      checkoutDate:'',
      checkoutDateVal:'',
      checkinDateVal:'',
      startDate:new Date('2018-03-01'),
      endDate:new Date('2018-03-31'),
    }
  },
methods:{
    checkinopenPicker(){
      this.$refs.checkin_picker.open();
    },
    checkinCancel(){
      this.$refs.checkin_picker.close();
    },
    checkinConfirm(){
      this.$refs.checkin_picker.close();
    },
}

可以開啟日歷選擇器，但是點擊取消或者確認(rèn)都關(guān)閉不了選擇器，但是能輸出日期的value，也就是點擊是有效的