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

前端之家收集整理的这篇文章主要介绍了mint-ui 时间插件使用及获取选择值的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如下所示:

{{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) ;
},设置当前日期为初始日期

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

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

设置默认值

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

以上这篇mint-ui 时间插件使用及获取选择值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/js/33752.html

猜你在找的JavaScript相关文章