美文网首页
mint-ui 日期选择器:年月

mint-ui 日期选择器:年月

作者: 小北呀_ | 来源:发表于2019-11-21 13:11 被阅读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'
                }
    
    
    如图

    相关文章

      网友评论

          本文标题:mint-ui 日期选择器:年月

          本文链接:https://www.haomeiwen.com/subject/ywzzictx.html