element-ui时间选择器

254 阅读1分钟

在日常开发中,我们会遇到一些情况,限制日期的范围的选择

 <el-date-picker
    size="small"
    type="date"
    :picker-options="timeChange"
    v-model="datePicker"
    placeholder="选择日期"
    @change="changeTime"
/>
export default {
	data(){
		timeChange:{
			disabledDate(time) {
			//1、禁止选择未来时间
          	return (time.getTime() > Date.now()); 
        	//1、禁止选择过去的时间
        	return (time.getTime() < Date.now()-60*60*24*1000);
        },
      
      }
	}
}

效果如图

在这里插入图片描述在这里插入图片描述