element时间日期选择器

开始时间小于结束时间,结束时间大于开始时间

<el-col :span="12">
      <el-form-item label="开始时间" prop="begin_time">
        <el-date-picker
          type="date"
          v-model="form.begin_time"
          placeholder="请选择开始时间"
          value-format="yyyy-MM-dd"
          :picker-options="start_time"
        />
      </el-form-item>
    </el-col>
    <el-col :span="12">
      <el-form-item label="结束时间" prop="end_time">
        <el-date-picker
          type="date"
          v-model="form.end_time"
          placeholder="请选择开始时间"
          value-format="yyyy-MM-dd"
          :picker-options="end_time"
        />
      </el-form-item>
    </el-col>
data() {
    return {
      start_time: {
        disabledDate: (time) => {
          return time.getTime() > new Date(this.form.end_time).getTime();
        },
      },
      end_time: {
        disabledDate: (time) => {
          return time.getTime() < new Date(this.form.begin_time).getTime();
        },
      },
    };
  },

 

posted @ 2021-07-19 17:03  MrSlow  阅读(332)  评论(0)    收藏  举报