移動端mintUI mt-datetime-picker 組件使用詳解

<mt-datetime-picker
           v-model="pickerVisible"   //綁定的數據值
           ref="pickerData"             // 點擊觸發的dom節點
           type="date"                    // 可設置多種格式
           year-format="{value} 年"
           month-format="{value} 月"
           date-format="{value} 日"
           @confirm="handleConfirm"    // 帶確定和取消頂欄
           :startDate="startDate"           // 可設置開始時間為今天
         >
         </mt-datetime-picker>

data(){
        pickerVisible:'',
        startDate:new Date(),
        time:''
}

methods:{
      rentInformat(){
         this.$router.push('/rentInformation')
      },
      dataClick(){
        this.$refs.pickerData.open();   // 觸發
        // this.$refs.pickerData.close() ; // 關閉
      },
      handleConfirm(val){
        console.log(val,this.pickerVisible)
        this.time = val ;

      }
}