其他分享
首页 > 其他分享> > element-ui 日期选择器 限制结束时间不能大于开始时间

element-ui 日期选择器 限制结束时间不能大于开始时间

作者:互联网

<el-date-picker
 :picker-options='pickerStartOptions(search.endReleaseTime)'
 v-model="search.startReleaseTime"
 type="date"
 value-format="yyyy-MM-dd"
 placeholder="选择开始日期">
</el-date-picker>

<el-date-picker
  :picker-options='pickerEndOptions(search.startReleaseTime)'
   v-model="search.endReleaseTime"
   type="date"
   value-format="yyyy-MM-dd"
   placeholder="选择结束日期">
</el-date-picker>

                        
export default {
	data(){
		return{
			pickerStartOptions(endTime){
		        return {
		          disabledDate(time){
		            if(endTime){
		              // 拼接 00:00:00 是为了统一日期从0点开始 
		              return time.getTime() > new Date(endTime +' 00:00:00').getTime();
		            }
		          }
		        } 
      		},
      		pickerEndOptions(startTime){
		        return {
		          disabledDate(time){
		            if(startTime){
		              // 拼接 00:00:00 是为了统一日期从0点开始 
		              return time.getTime() < new Date(startTime +' 00:00:00').getTime();
		            }
		          }
		        } 
		   }
		}
	}
}

标签:00,return,getTime,element,ui,startTime,time,endTime,选择器
来源: https://blog.csdn.net/weixin_43863505/article/details/121875924