iview 时间段选择禁用开始选择之前的时间，选择时间段

iview时间选择器

html

				<FormItem label="逾期时段" :label-width="65">
				    <DatePicker clearable  v-model="params.starttime" @on-change="startChange" :options="startOptions" style="width: 150px;"></DatePicker>-
				    <DatePicker clearable v-model="params.endtime" @on-change="endChange" :options="endOptions" style="width: 150px;" ></DatePicker>
				</FormItem>	

data

startOptions: {},
endOptions: {},
params: {
					starttime: '',
					endtime: '',
					pageSize: 15,
					pageCurrent: 1
				},

methods

			//选择开始时间和结束时间
			startChange: function(e) {	//设置开始时间
				this.params.starttime = e;
				this.setDateDisabled();
			},
			endChange: function(e) {//设置结束时间
				this.params.endtime = e;
				let endDate = this.params.endtime ?
					new Date(this.params.endtime).valueOf() - 1 * 24 * 60 * 60 * 1000 :
					"";
				this.setDateDisabled();
			},
			setDateDisabled () {//设置日期禁用
				this.endOptions = {
					disabledDate: date => {
						let startDate = this.params.starttime ?
							new Date(this.params.starttime).valueOf() :
							"";
						return date && date.valueOf() < startDate;
					}
				};

				reset() {//清空操作
				for (let i in this.params) {
					this.params[i] = '';
				}
				this.params.pageCurrent = 1;
				this.params.pageSize = 15;
				console.log('p',this.params);
				this.setDateDisabled();
				this.loadData();
			},

效果图