element-ui如何设置开始时间小于结束时间

最新推荐文章于 2024-06-03 16:14:18 发布

拳击俱乐部

最新推荐文章于 2024-06-03 16:14:18 发布

阅读量1k

点赞数 1

分类专栏：前端开发 js Vue 文章标签： vue vue.js javascript 前端 firefox

本文链接：https://blog.csdn.net/qq_42483780/article/details/104689659

版权

前端开发同时被 3 个专栏收录

17 篇文章 0 订阅

订阅专栏

Vue

10 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

      <el-form-item label="开放时间" prop="placeOpen">
        <el-date-picker
          v-model="defForm.placeOpen"
          type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="选择日期时间" style="width: 200px"
          :picker-options="pickerOptionsStart"
          :disabled="isAble">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="关闭时间" prop="placeClose">
        <el-date-picker
          v-model="defForm.placeClose"
          type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
          placeholder="选择日期时间" style="width: 200px"
          :picker-options="pickerOptionsEnd"
          :disabled="isAble">
        </el-date-picker>
      </el-form-item>

data(){
	return{
        defForm:{
          placeOpen:'',
          placeClose:''
        },
        pickerOptionsStart: {
          disabledDate: time => {
            let endDateVal = this.defForm.placeClose;
            if (endDateVal) {
                return time.getTime() > new Date(endDateVal).getTime();
            }
          }
        },
        pickerOptionsEnd: {
          disabledDate: time => {
            let beginDateVal = this.defForm.placeOpen;
            if (beginDateVal) {
              return (time.getTime()<new Date(beginDateVal).getTime()+1*24*60*60*1000
            );
          }
        }
      },
	}
}