element-ui 可以通过其他方式触发日期选择器么

Question

如下图：目前只能通过点击input输入框触发日期选择器，我希望能通过其他方式触发日期选择器同时把input输入框去掉，如点击按钮

Answer 1

有两种, 都需要动手能力啊....

第一种: 把这个组件独立拿出来,放到你的components里; 通过父组件传递数据实现; 或者直接npm下载个写成你自己的组件
第二种: 用css神乎其技般的实现; 比如你想在某个按钮点击出现, 让原来这个input全部不可见, 边框透明, placeholder去掉; 然后定位个按钮,再写个假的input. 无论点击按钮还是假的input 其实点击的都是原来的input.

这两种方法 也是没办法中的办法了

切记 采用之前还是先认真看下文档

Answer 2

给日期选择器一个ref，通过$refs[refName].focus()来触发
或者看源码的触发方式是怎样的

Answer 3

<el-date-picker
  v-model="value1"
  type="date"
  ref="datePicker">
</el-date-picker>

this.$refs.datePicker.pickerVisible = true