elementui限制el-date-pick 限制日期
2023-05-08 本文已影响0人
辉色星空下
comeTime为开始时间 loseTime为结束时间 effectiveYear为年份
//这个是限制日期
<el-date-picker
vModel={row.loseTime}
type="date"
valueFormat={"yyyy-MM-dd"}
format={"yyyy-MM-dd"}
placeholder="选择日期"
pickerOptions={{
disabledDate(time) {
let date = "";
let time1 = "";
let year = "";
if (row.comeTime && row.effectiveYear) {
date = new Date(row.comeTime);
time1 = date.getTime(); //得到时间戳
year = new Date(time).getFullYear();
return (
time.getTime() < time1 ||
year !== Number(row.effectiveYear)
);
} else {
if (row.comeTime) {
date = new Date(row.comeTime);
time1 = date.getTime(); //得到时间戳
year = new Date(row.comeTime).getFullYear();
return (
time.getTime() < time1 ||
time.getFullYear() !== year
);
}
if (row.effectiveYear) {
year = new Date(time).getFullYear();
return year !== Number(row.effectiveYear);
}
}
}
}}
></el-date-picker>
//这个是限制年份
<el-date-picker
vModel={row.effectiveYear}
type="year"
valueFormat={"yyyy"}
format={"yyyy"}
placeholder="选择年"
pickerOptions={{
disabledDate(time) {
let year = "";
let years = "";
if (row.loseTime || row.comeTime) {
year =
new Date(row.loseTime).getFullYear() ||
new Date(row.comeTime).getFullYear();
years = new Date(time).getFullYear();
return year !== years;
}
}
}}
></el-date-picker>