php如何引用时间控件的值,在mint-ui中使用时间插件及获取选择值

下面我就为大家分享一篇mint-ui 时间插件使用及获取选择值的方法，具有很好的参考价值，希望对大家有所帮助。

如下所示：

{{pickerValue}}

ref="picker" 每一个都要填上这一条open

type="time"

@confirm="handleConfirm" 设置点击确定

v-model="pickerValue">

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) ;

},

设置当前日期为初始日期

data(){

return{

startDate: new Date(),

}

}

设置默认值

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

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：