elementui 时间范围选择器只用一个日期面板
时间: 2023-11-07 21:01:26 浏览: 180
日期时间选择器(一个界面分开)
elementui的时间范围选择器只使用一个日期面板可以通过设置pickerOptions选项来实现。可以使用disabledDate函数来设置日期的可选范围,只需要在函数中判断时间是否在当前日期之前即可。下面是一个示例代码:
```html
<el-date-picker v-model="value" type="date" placeholder="请选择日期" :picker-options="pickerOptions"></el-date-picker>
```
```javascript
data() {
return {
value: '',
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now();
}
}
};
}
```
在这个示例中,pickerOptions选项中的disabledDate函数用于判断日期是否在当前日期之前,如果是则设置为不可选。
阅读全文