ElementUI】日期選擇器時間選擇範圍限制,只能選今天以前的時間,或者是隻能選今天以後的時間。今天是否能夠選。限制結束日期不能大於開始日期

<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

相關文章
相關標籤/搜索