elementUi 日历添加可选区间(只能选择一个月的时间段)
<el-form-item> <el-date-picker clearable v-model="times" :picker-options="pickerOptions" type="datetimerange" value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="起始时间" end-placeholder="截止时间"> </el-date-picker> </el-form-item>
js
times:'', pickerOptions: { onPick: ({maxDate, minDate}) => { this.times= minDate.getTime(); if (maxDate) { this.times= '' } }, disabledDate: (time) => { if (this.times!== '') { const one = 30 * 24 * 3600 * 1000; const minTime = this.times- one; const maxTime = this.times+ one; return time.getTime() < minTime || time.getTime() > maxTime } } }