<el-date-picker
v-model="value1"
type="date"
placeholder="選擇日期"
:picker-options="pickerOptions0">
</el-date-picker>
選擇今天以及今天之后的日期
data (){
return {
pickerOptions0: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;//如果沒有后面的-8.64e7就是不可以選擇今天的
}
},
}
}
選擇今天以及今天以前的日期
data (){
return {
pickerOptions0: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6;//如果沒有后面的-8.64e6就是不可以選擇今天的
}
},
}
}
限制結束日期不能大於開始日期
<el-date-picker
v-model="value1"
type="date"
placeholder="開始日期"
:picker-options="pickerOptions0">
</el-date-picker>
<el-date-picker
v-model="value2"
type="date"
placeholder="結束日期"
:picker-options="pickerOptions1">
</el-date-picker>
data(){
return {
pickerOptions0: {
disabledDate: (time) => {
if (this.value2 != "") {
return time.getTime() > new Date(this.value2).getTime();
}
},
pickerOptions1: {
disabledDate: (time) => {
return time.getTime() < new Date(this.value1).getTime()- 1*24*60*60*1000;//減去一天的時間代表可以選擇同一天;
}
},
}
}
https://blog.csdn.net/qq_33769914/article/details/83856268