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

本文主要是介绍mint-ui 时间插件使用及获取选择值，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

<mt-datetime-pickerref="picker" 每一个都要填上这一条opentype="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() + 1m = m < 10 ? '0' + m : mlet d = date.getDate()d = d < 10 ? ('0' + d) : dreturn 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()+'日'

 

这篇关于mint-ui 时间插件使用及获取选择值的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---