ElementUI 限制结束时间不能小于开始时间

最新推荐文章于 2024-06-29 15:01:06 发布

想想水门会怎么C

最新推荐文章于 2024-06-29 15:01:06 发布

阅读量799

点赞数 1

文章标签：前端 js elementui

本文链接：https://blog.csdn.net/weixin_55553106/article/details/118360938

版权

直接上代码

 <el-date-picker
        value-format="yyyy-MM-dd"
        type="date"
        @change="handleClick"
        v-model="search.startDate"
        :picker-options="pickerOptionsStart"
        clearable
        size="small"
        placeholder="开始日期"
      ></el-date-picker>
      <el-date-picker
        @change="handleClick"
        value-format="yyyy-MM-dd"
        v-model="search.endDate"
        type="date"
        size="small"
        :picker-options="pickerOptionsEnd"
        clearable
        placeholder="截止日期"
      >
      </el-date-picker>

data(){
	return{
		pickerOptionsStart: {
                    disabledDate: time => {
                        let endDateVal = this.search.endDate;
                        if (endDateVal) {
                            return time.getTime() > new Date(endDateVal).getTime();
                        }
                    }
                },
                pickerOptionsEnd: {
                    disabledDate: time => {
                        let beginDateVal = this.search.startDate;
                        if (beginDateVal) {
                            return (
                                time.getTime() <
                                new Date(beginDateVal).getTime() - 86400000
                            );
                        }
                    },
                },
	}
}

根据需求来结束时间可以和开始时间是同一天就减去的8640000 是第二天就不用减