客服說選擇日期后要手動點擊 選擇時間 的按鈕后才能選擇時間，覺得步驟繁瑣了，因此提出選中日期后自動切換至?xí)r間選項面板。對于這個需求，第一反應(yīng)是 在API協(xié)助下，一定分分鐘實現(xiàn)功能，結(jié)果并沒有，尋求搜索引擎也沒有找到解答，進入項目的issues 也有同學(xué)遇到了一樣的需求，但是沒有了解答；無奈~只能克服懶惰，硬著頭皮參考組件源碼了。
幸運的是順利找到解決方式，思路及代碼塊如下：

• 給需要實現(xiàn)此需求的 DatePicker 組件添加 ref 屬性，和 on-change 事件
• 在響應(yīng)事件的方法中，給組件實例添加onSelectionModeChange方法

<DatePicker type="datetime" ref="producetime" @on-change="showTimePanel('producetime')"  v-model="waybillDetailFormData.producetime"  placeholder="請精確至?xí)r分秒"></DatePicker>

methods: {
        showTimePanel(refName){
            /* 此處的onSelectionModeChange方法，就是同點擊 選擇時間 按鈕后觸發(fā)的方法
          具體此方法的代碼邏輯，可以下載組件源碼查看*/
            this.$refs[refName].onSelectionModeChange('time');
        }
}

效果圖：

需求是先后效果

搞定收工~