element-ui日期选择器设置禁止选择时间(禁止选择今天之前或包含今天)

需求背景:禁止用户在输入内容的时候选择今天以前的日期或者包含今日的日期

设置禁用时间主要为设置组件的此属性=> :picker-options=“pickerOptions”

	<el-date-picker
	    value-format="yyyy-MM-dd"
	    v-model="form.strategy.date"
	    type="daterange"
	    range-separator="至" start-placeholder="开始日期"
	    end-placeholder="结束日期"
	    :picker-options="pickerOptions">
	</el-date-picker>

		export default {
			data() {
				return {
					pickerOptions: {
						disabledDate(time) {
							//此条为设置禁止用户选择今天之前的日期,包含今天。
							// return time.getTime() <= (Date.now());
							//此条为设置禁止用户选择今天之前的日期,不包含今天。
							return time.getTime() < (Date.now()-(24 * 60 * 60 * 1000));
						},
						//如果不生效,把方法格式改为
						//disabledDate:function disabledDate(time) {
							//return time.getTime() < (Date.now()-(24 * 60 * 60 * 1000));
						//}
					}
				}
			}
		}

实现效果如下:
element-ui日期选择器设置禁止选择时间(禁止选择今天之前或包含今天)_第1张图片
参考element官网组件文档:

https://element.eleme.cn/#/zh-CN/component/date-picker

在这里插入图片描述
element-ui日期选择器设置禁止选择时间(禁止选择今天之前或包含今天)_第2张图片

你可能感兴趣的:(vue的埋坑记录,vue.js,html,javascript)