神来之笔,解决uni-app内置picker设置默认定位日期的问

本来以为是一个平常的选择出生日期,可产品要求打开控件默认定位在2000年6月15日,原因是这样年月日都处于中间的位置,方便用户选择

初始状态:

image

打开日期控件

image

但是我看了下picker的文档,并不支持修改默认定位日期,只能是当前日期,先说一下答案

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

</picker>

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

换组件成本太高,于是我先输出了this.$refs.pickerRef,并没有直观的看到解决方案,只能去看源码

点击'Go to File'进入搜索页面

image

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

image

大致浏览了一番,发现关键代码

image

可以在chang事件输出this.$refs.pickerRef.valueArray获取指定日期对应的数组