el-date-picker取消联动
时间: 2023-08-16 17:09:53 浏览: 152
el-date-picker取消联动的方法是在picker-options中设置linkedCalendars为false。这样就可以取消联动效果,使得起始日期和结束日期可以独立选择。具体代码如下所示:
```
<el-date-picker v-model="timeRange" type="datetimerange" align="right" :default-time='defaultTime' value-format="yyyy-MM-dd HH:mm:dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="{
linkedCalendars: false,
onPick: ({ maxDate, minDate }) => {
this.selectDate = minDate.getTime()
if (maxDate) {
this.selectDate = ''
}
},
disabledDate: (time) => {
if (this.selectDate !== '') {
const one = (15 * 24 * 3600 - 1) * 1000 // 00:00:00 到23:59:59
const minTime = this.selectDate - one
const maxTime = this.selectDate + one
return time.getTime() < minTime || time.getTime() > maxTime
}
}
}" @change="handleChangeTime" :clearable="false"></el-date-picker>
```
这样设置后,el-date-picker就不会联动了,可以独立选择起始日期和结束日期。
阅读全文