elementui设置开始时间 结束时间

注:如果想去掉弹框中的 此刻按钮 请点击此文章

效果1:开始时间不能选择当前日期之前的日期
在这里插入图片描述
效果2:结束时间不能选择开始日期之前的日期
在这里插入图片描述

               <div>
                    开始时间:
                    <el-date-picker
                            v-model="value.promotionStartTime"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            type="datetime"
                            :picker-options="pickerOptions0"
                            placeholder="选择开始时间">
                    </el-date-picker>
                </div>
                <div class="littleMargin">
                    结束时间:
                    <el-date-picker
                            v-model="value.promotionEndTime"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            type="datetime"
                            :picker-options="pickerOptions1"
                            placeholder="选择结束时间">
                    </el-date-picker>
                </div>
 computed: {
    
    
            pickerOptions0() {
    
    
                return {
    
    
                    disabledDate: (time) => {
    
    
                        if (this.value.promotionEndTime) {
    
    
                            return time.getTime() > new Date(this.value.promotionEndTime).getTime()
                        }else{
    
    
                            return time.getTime() < Date.now() - 8.64e7
                        }
                    }
                }
            },
            pickerOptions1() {
    
    
                return {
    
    
                    disabledDate: (time) => {
    
    
                        if(this.value.promotionStartTime){
    
    
                            return time.getTime() < new Date(this.value.promotionStartTime).getTime()
                        }else {
    
    
                            return time.getTime() < Date.now() - 8.64e7
                        }
                    }
                }
            },
        },

猜你喜欢

转载自blog.csdn.net/jq1223/article/details/114954776