<el-date-picker
class="date-class"
v-model="timeData"
type="daterange"
align="center"
unlink-panels
range-separator="至"
start-placeholder="開始日期"
end-placeholder="結束日期"
:picker-options="pickerOptions"
size="small"
@change="getChange"
value-format="yyyy-MM-dd"
:clearable="false"
></el-date-picker>
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
},
shortcuts: [
{
text: "最近一周",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近一個月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit("pick", [start, end]);
}
},
{
text: "最近三個月",
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit("pick", [start, end]);
}
}
]
},怎么實作根據開始時間或結束時間，限制前后能選的三個月時間？
uj5u.com熱心網友回復：
有人來回答一下嗎？uj5u.com熱心網友回復：
start_Date: { //時間限制
disabledDate: time => {
if(this.addForm.end_time) {
return time.getTime() < Date.now()-8.64e7 || time.getTime() > this.addForm.end_time;
}
return time.getTime() < Date.now()-8.64e7;
}
},
end_Date: {
disabledDate: time => {
return time.getTime() < Date.now()-8.64e7 || time.getTime() < this.addForm.start_time;
}
大概是這個意思 自己看著需求改一改
uj5u.com熱心網友回復：
https://blog.csdn.net/z9061/article/details/84787773看下這篇文章吧 感覺寫的很清楚
uj5u.com熱心網友回復：
這些我都看過，都是分為兩個日期選擇器的，不是日期范圍uj5u.com熱心網友回復：
選中日期執行回呼，把選中日期前后三個月設定為可選轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/77010.html
標籤：JavaScript