mint-ui 时间插件使用及获取选择值

<div @click="openPicker"> {{pickerValue}}</div>

<mt-datetime-picker
  ref="picker" 每一个都要填上这一条open
  type="time"
  @confirm="handleConfirm" 设置点击确定
  v-model="pickerValue">
</mt-datetime-picker>

data () {
  return {
    pickerValue:null, 定义

methods:{

openPicker() {
    this.$refs.picker.open();设置开始
  },

handleConfirm(){ console.log(this.pickerValue) ;获取值},

转换小时

formatDate(date) {
  const y = date.getFullYear()
  let m = date.getMonth() + 1
  m = m < 10 ? '0' + m : m
  let d = date.getDate()
  d = d < 10 ? ('0' + d) : d
  return y + ' ' + m + ' ' + d
},

handleConfirm(){
 let a = this.pickerValue
 // console.log(a.split(" ")) ;
  this.zheng=this.formatDate(this.$refs.picker.value)
  console.log(this.formatDate(this.$refs.picker.value))
  // console.log(this.value) ;
},

设置当前日期为初始日期

<mt-datetime-picker :startDate="startDate"</mt-datetime-picker>

data(){
    return{
        startDate: new Date(),
    }
}

设置默认值

this.zheng=new Date().getFullYear()+'年'+new Date().getMonth()+1+'月'+new Date().getDate()+'日'