element-ui时间组件使用

Posted 2021-03-23 xhrr

1. 限制当天前一周且以后日期不可选

<el-date-picker class="hoverPoint"
                        v-model="beginTime"  //默认的日期
                        type="date"
                        value-format="yyyy-MM-dd"   
                        @change="changeBegin"
                        :picker-options="pickerOptions0">
                    </el-date-picker>

data(){
    return{
        pickerOptions0: {
                disabledDate: (time) => {
                    if (this.beginTime != "") {
                        return time.getTime() > new Date(new Date().getTime() - 7 * 24 * 3600 * 1000) || time.getTime() > this.beginTime;
                    } else {
                        return time.getTime() > Date.now();
                    }
                }
            },
    }
}