mint-ui 日期选择器:年月
2019-11-21 本文已影响0人
小北呀_
vue写移动端用的是mint-ui。
页面:
pickerValue默认我给了它当日 new Date()
<div @click="chosseTime"> 点击选择时间 </div>
<mt-datetime-picker
v-model="pickerValue"
type="date"
ref="picker"
year-format="{value} 年"
month-format="{value} 月"
@confirm="handleConfirm"></mt-datetime-picker>
js:
data() {
return {
pickerValue:new Date()
}
},
methods: {
chosseTime() {
this.$refs.picker.open();
},
handleConfirm(val) {
let year = new Date(val).getFullYear()
let month = new Date(val).getMonth() + 1
},
},
选择器默认是显示年月日,需要设置:
chosseTime() {
this.$refs.picker.open();
this.$refs.picker.$el.getElementsByClassName('picker-slot')[2].style.display = 'none'
}
如图