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'
            }

如图
上一篇下一篇

猜你喜欢

热点阅读