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

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

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

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

    
    
data () {
    return {
      dateTimeValue: '',
    }
  }
watch: {
    dateTimeValue () {
      const date = this.formatDate(this.dateTimeValue)
      if (this.dateTimeValue === date) {
        this.dateTimeValue = ''
      }
    }
  }

最终效果:

你可能感兴趣的:(前端,vue.js,javascript,element-ui)