美文网首页
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 日期选择器:年月

    vue写移动端用的是mint-ui。页面:pickerValue默认我给了它当日 new Date() js: 选...

  • Android-View-DatePicker

    DatePicker(日期选择器) 1.类(继承于FrameLayout)==飘起的。日期选择器,用于选择年月日这...

  • layui.laydate时间控件

    主要功能:年选择器、年月选择器、日期选择器、时间选择器、日期时间选择器 五种类型的选择方式为基本核心,并且均支持范...

  • LayUI组件使用-日期与时间选择

    一、LayUI日期与时间选择 全面重写的 layDate 包含了大量的更新,其中主要以:年选择器、年月选择器、日期...

  • TLDatePicker

    TLDatePicker 一款简单的日历选择器 Demo 支持pod 示例图 1、支持的日期模式 年、年月、年月日...

  • [iOS] 年月日周时间选择器

    前言 最近公司的一个需求,有一个类似的日期选择器,设计的样式如下: 分别选择年月日周,系统的时间选择器只提供的年月...

  • 【Swift/Objective-C】强劲的日期选择控件

    日期选择器,支持年、年月、年月日、年月日时分、年月日时分秒、时分、时分秒、月日周 时分等,内置了3种样式。 由于使...

  • 微信小程序 日期选择器加强版(带农历,可隐藏年份)

    最近开发的小程序需要用到日期选择器,小程序本身提供了公历的年月日选择器,而我的业务需求同时需要用到农历的日期和隐藏...

  • mint-ui之日期选择器事件

    代码如下: 打开选择器需要触发事件clickPicker。因为我只需要年月,所以把日隐藏。

  • Mint-UI 自定义组件

    Mint-UI 自定义组件 不定期更新 TimePicker (时间选择器) 效果: TimeRangePicke...

网友评论

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

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