element ui组件的开始时间-结束时间验证

<el-date-picker  v-model="seach.before" type="date" placeholder="开始时间"  value-format="yyyy-MM-dd" class="wida" :picker-options="pickerBeginDateBefore"  @change="changeTime">
</el-date-picker>
    <span class="zhi">至</span>
<el-date-picker   v-model="seach.after" type="date" placeholder="结束时间"value-format="yyyy-MM-dd" class="wida" :picker-options="pickerBeginDateAfter">
</el-date-picker>
seach:{
  before:'',
  after:'',
},
  // 开始时间不大于结束时间
        // 开始时间
        pickerBeginDateBefore: {
          disabledDate: (time) => {
            let beginDateVal = this.seach.after;
            if (beginDateVal) {
              return time.getTime() > beginDateVal;
            }
          }
        },
        // 结束时间
        pickerBeginDateAfter: {
          disabledDate: (time) => {
            let beginDateVal = this.seach.before;
            if (beginDateVal) {
              return time.getTime() < beginDateVal;
            }
          }
        },
//选择开始时间,清空结束时间
      changeTime(date){
        // this.seach.before="";
        // console.log(this.seach.before)
        this.pickerBeginDateAfter={
          disabledDate(time) {  //开始时间-结束时间
            return (time.getTime() < new Date(date).getTime());
          }
        }
      },

 

来源:https://www.cnblogs.com/M-miao/p/9838727.html   element ui组件的开始时间-结束时间验证

 

转载于:https://www.cnblogs.com/shy1766IT/p/11183200.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值