iview 时间选择器 开始时间不可大于结束时间

<Col span="12">
          <FormItem label="活动开始时间" label-position="top" prop="startTime">
            <br>
            <DatePicker type="datetime" style="width:100%;" :options="optionss" :clearable ='false' placeholder="请选择日期" v-model="formData.startTime" :disabled="isSee"></DatePicker>
          </FormItem>
        </Col>
        <Col span="12">
          <FormItem label="活动结束时间" label-position="top" prop="endTime">
            <br>
            <DatePicker type="datetime" style="width:100%;" :options="optionss" :clearable ='false' placeholder="请选择日期" v-model="formData.endTime" :disabled="isSee"></DatePicker>
          </FormItem>
        </Col>

data 默认取当前时间,并且之前时间不可选择

optionss: {
        disabledDate (date) {
          return date && date.valueOf() < Date.now() - 86400000;
        }
      },

form 设置初始值 startTime: new Date(), // 

校验表单结束时间必须大于开始时间,否则提交提示错误信息

 endTime: [
      { required: true, type: 'date', trigger: 'blur',
        validator: (rule, value, callback) => {
          let start = _this.formData.startTime
          if(value < start) {
            callback(new Error('结束时间不能小于开始时间'))
          }else {
            callback()
          }
        } 
      },
      { required: true, type: 'date', trigger: 'change',
        validator: (rule, value, callback) => {
          let start = _this.formData.startTime
          if(value < start) {
            callback(new Error('结束时间不能小于开始时间'))
          }else {
            callback()
          }
        } 
      }
    ],

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值