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

相关文章
相关标签/搜索