神來之筆,解決uni-app內置picker設置默認定位日期的問題

本來以爲是一個平常的選擇出生日期,可產品要求打開控件默認定位在2000年6月15日,原因是這樣年月日都處於中間的位置,方便用戶選擇

初始狀態:

打開日期控件

但是我看了下picker的文檔,並不支持修改默認定位日期,只能是當前日期,先說一下答案

<picker ref="pickerRef" mode="date">

</picker>

在picker組件完成渲染後,this.$refs.pickerRef.valueArray = [147, 5, 14];

換組件成本太高,於是我先輸出了this.$refs.pickerRef,並沒有直觀的看到解決方案,只能去看源碼

點擊'Go to File'進入搜索頁面

輸入'picker'可以快速定位到

大致瀏覽了一番,發現關鍵代碼

可以在chang事件輸出this.$refs.pickerRef.valueArray獲取指定日期對應的數組