客服说选择日期后要手动点击 选择时间 的按钮后才能选择时间，觉得步骤繁琐了，因此提出选中日期后自动切换至时间选项面板。对于这个需求，第一反应是 在API协助下，一定分分钟实现功能，结果并没有，寻求搜索引擎也没有找到解答，进入项目的issues 也有同学遇到了一样的需求，但是没有了解答；无奈~只能克服懒惰，硬着头皮参考组件源码了。
幸运的是顺利找到解决方式，思路及代码块如下：
- 给需要实现此需求的
DatePicker组件添加ref属性，和on-change事件 - 在响应事件的方法中，给组件实例添加
onSelectionModeChange方法
<DatePicker type="datetime" ref="producetime" @on-change="showTimePanel('producetime')" v-model="waybillDetailFormData.producetime" placeholder="请精确至时分秒"></DatePicker>
methods: {
showTimePanel(refName){
/* 此处的onSelectionModeChange方法，就是同点击 选择时间 按钮后触发的方法
具体此方法的代码逻辑，可以下载组件源码查看*/
this.$refs[refName].onSelectionModeChange('time');
}
}
效果图：
需求是先后效果
搞定收工~
