element的<el-date-picker v-model="value1" type="date" placeholder="选择日期"> </el-date-picker>组件的触发方式能不能修改成用户鼠标移入就展示时间选择器?
时间: 2024-03-17 21:43:06 浏览: 54
修改Jquery-UI-DatePicker-可以选择时间
4星 · 用户满意度95%
可以通过修改 `el-date-picker` 组件的触发事件来实现用户鼠标移入就展示时间选择器。你可以通过添加 `@focus` 事件来实现,将触发方式从默认的 `click` 改为 `focus` 即可。具体代码如下:
```html
<el-date-picker v-model="value1" type="date" placeholder="选择日期" @focus="() => $refs.picker.showPicker()">
</el-date-picker>
```
在上面的代码中,我们使用了 `@focus` 事件来触发 `showPicker()` 方法,将展示时间选择器的方式改为了鼠标移入触发。
阅读全文