elementUI中el-date-picker禁用指定日期之前或之后的日期
通过配置picker-options配置指定禁用日期(pickerOptions写到data里面)
element UI
<el-date-picker
v-model="date"
type="date"
size="small"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
:placeholder="'选择日期'"
:picker-options="pickerOptions"
></el-date-picker>
ElementPlus
<el-date-picker
v-model="date"
type="date"
size="small"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
:placeholder="'选择日期'"
:disabled-date="pickerOptions"
></el-date-picker>
1、禁止选择今天之前的日期
const pickerOptions = (time) => {
return time.getTime() < Date.now() - 8.64e7;
};
2、禁止选择今日之后的日期(今天可选)
const pickerOptions = (time) => {
return time.getTime() > Date.now();
};
time.getTime() < Date.now() - 8.64e7 禁用日期不包含当前日
time.getTime() > Date.now() - 8.64e7 禁用日期包含当前日