在el-date-picker的type为dates时,可以通过设置picker-options属性来限制只可以选择2个时间。
时间: 2024-10-15 16:14:50 浏览: 47
ngx-input-date-range-picker:角度输入日期范围选择器库
在Element UI的`el-date-picker`组件中,当`type`属性设置为"dates",即日期范围选择器时,你可以通过`picker-options`属性来定制其功能。如果你想限制用户只能选择两个独立的时间点,可以利用`range-separator`属性(默认值为"至",如"2022-01-01 至 2022-01-02"),并设置`disabledDate`函数来禁止选择超出指定范围的日期。
以下是一个示例配置:
```html
<el-date-picker
type="dates"
v-model="dateRange"
:picker-options="{
rangeSeparator: '至',
disabledDate (current, end) {
// 如果end比开始早一天,不允许选择
if (current && end && current.valueOf() + 86400000 < end.valueOf()) {
return true;
}
// 其他自定义规则...
return false;
},
}"
></el-date-picker>
```
在这个例子中,`disabledDate`函数检查当前选中的结束日期是否早于前一天。如果满足条件,它会返回`true`,阻止用户选择该组合。
阅读全文