mint-ui popup datetime-picker

        <mt-datetime-picker
                :startDate="bookDateLimit().firstDate"
                :endDate="bookDateLimit().endDate"
                :closeOnClickModal="false"
                v-model="pickerValue"
                type="date"
                ref="DatePicker"
                year-format="{value} 年"
                month-format="{value} 月"
                date-format="{value} 日"
                @cancel="handleDateCancle"
                @confirm="handleDateConfirm">
        </mt-datetime-picker>
        
  • ref:用于显示和关闭使用
    openPicker () {
      this.$refs.datePicker.open()
    },
  • type:
    datetime: 日期时间选择器,可选择年、月、日、时、分,value 值为一个 Date 对象
    date: 日期选择器,可选择年、月、日,value 值为一个 Date 对象
    time: 时间选择器,可选择时、分,value 值为一个格式为 HH:mm 的字符串
  • v-model:获取输入值
  • cancel:取消按钮回调函数
  • confirm:确定按钮回调函数
  • startDate:开始时间限制
  • endDate:结束时间限制

关闭穿透华滑动问题:

document.getElementsByTagName('body')[0].addEventListener('touchmove', this.handler, { passive: false })// 阻止默认事件
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值