el-date-picker 默认打开的是日期选择panel,点击顶部的 年份 才会显示年份选择,如何实现 点击首先打开年份选择panel?
实现思路分析
- 首先查看官方文档,并没有发现控制这个panel的参数
- 因为点击顶部可以切换为年份选择panel,可以确定内部肯定有方法可以切换不同模式
- 查看源码发现点击顶部的时候内部调用了showYearPicker 这个方法
- 进一步查看代码发现这个方法不是在date-picker实例上面,而是在panel上面
- 查看源码发现el-date-picker组件内部有个picker引用
- 监听focus事件 在focus的时候调用 ref.picker.showYearPicker() ref为el-date-picker的引用