<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/83856268this