elementui 时间选择器校验大于等于当天小于下一个月不可跨月

最新推荐文章于 2024-01-09 15:54:24 发布

落魄切图仔

最新推荐文章于 2024-01-09 15:54:24 发布

阅读量480

点赞数

文章标签： elementui javascript vue.js

本文链接：https://blog.csdn.net/qq_44096635/article/details/128653890

版权

<el-form-item label="实现期间" prop="rebateDate">
          <el-date-picker class="date-picker" style="width:300px" v-model="ruleForm.rebateDate" clearable
            :picker-options="pickerOptions" value-format="yyyy-MM-dd" type="daterange" range-separator="-"
            start-placeholder="开始日期" end-placeholder="结束日期">
          </el-date-picker>
        </el-form-item>

pickerOptions: {
        disabledDate: (time) => {
          // if (this.pickerMinDate) {
          //   return (time.getTime() > (this.pickerMinDate + this.pickerRange)) || (time.getTime() < (this.pickerMinDate - this.pickerRange))
          // }
          //大于等于当天 小于下一个月 不可跨月
          return time.getTime() < moment().subtract(1, "days").valueOf() || time.getTime() > moment().add(1, 'M').endOf('month').valueOf()
        }
      },

//时间校验规则
let newDateRule = (rule, value, callback) => {
  if (!value || !value.length) {
    callback(new Error(rule.message || '请选择实现期间'))
  } else if (value[0].slice(0, 7) != value[1].slice(0, 7)) {
    callback(new Error(rule.message || '实现期间不可跨月'))
  } else {
    callback()
  }
}```