el-select发生选择事件时进行的操作 el-date-picker开始事件晚于结束时间且开始时间结束时间都小于当前时间

el-select发生选择事件时进行的操作 el-date-picker开始事件晚于结束时间且开始时间结束时间都小于当前时间_el-select 点击事件_不想学习只想玩的博客-CSDN博客

el-select发生选择事件时进行的操作

<el-select v-model="importData.searchParams.subjectType" placeholder="请选择学科"
                        @change="changeSubject">
                        <el-option v-for="item in subjectList" :key="item.label" :label="item.label"
                            :value="item.label">
                        </el-option>
                    </el-select>

changeSubject() {
//这里写发生选择事件时需要进行的操作
        },

el-date-picker开始事件晚于结束时间且开始时间结束时间都小于当前时间 添加:picker-options="options1"和:picker-options=“options2”

<el-form-item label="开始时间：" prop="startTime" size="small">
                    <el-date-picker v-model="importData.searchParams.surveyStartDate" type="date" placeholder="请选择开始日期"
                        :picker-options="options1">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="结束时间：" prop="endTime" size="small">
                    <el-date-picker v-model="importData.searchParams.surveyEndDate" type="date" placeholder="请选择结束日期"
                        :picker-options="options2">
                    </el-date-picker>
                </el-form-item>

            options1: {
                disabledDate(time) {
                    if (that.importData.searchParams.surveyEndDate) {
                        // 设置开始时间大于结束时间
                        return time.getTime() > new Date(that.importData.searchParams.surveyEndDate).getTime() || time.getTime() > Date.now()
                    } else {
                        // 设置开始时间小于当前时间
                        return time.getTime() > Date.now()
                    }

                },
            },
            options2: {
                disabledDate(time) {
                    if (that.importData.searchParams.surveyStartDate) {
                        return time.getTime() < new Date(that.importData.searchParams.surveyStartDate).getTime() || time.getTime() > Date.now()
                    } else {
                        return time.getTime() > Date.now()
                    }

                },
            },