时间日期选择器中直接点击确定按钮时不选择当前时间

需求:不选择时间时,确定按钮无效,只有选择时间后,确定按钮才可以选择

问题:基于element本身的原因,日期时间选择器,即便不选择,点击确定后仍选择当前时间,但是我不需要这个功能

解决思路:开始时我想能不能在不选择的时候将按钮禁用,但是本人愚笨,这个方法没有行通,随后又想到一个方法,就是监听这个时间控件,当点击确定后的时间为当前时间时,将时间清空,测试后可行

	<el-date-picker
      class="my-picker"
      v-model="dateTimeValue"
      value-format="yyyy-MM-dd HH:mm:ss"
      type="datetime"
      placeholder="请选择时间"
    ></el-date-picker>
data () {
    return {
      dateTimeValue: '',
    }
  },
watch: {
    dateTimeValue () {
      const date = this.formatDate(this.dateTimeValue)
      if (this.dateTimeValue === date) {
        this.dateTimeValue = ''
      }
    }
  },

最终效果:
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值