如何在小程序中自定义yPicker组件实现省市区三级联动功能？

本文共计1915个文字，预计阅读时间需要8分钟。

从上一篇文章中，我们探讨了微信小程序自定义日历组件及flex布局，最后讨论了最后一行对齐问题。接下来，有人私下问我能否从源头分析一下我开源的自定义组件？一直没时间。

不，最近的项目中确实有一个自定义组件。

自从上一篇文章：微信小程序自定义日历组件及flex布局最后一行对齐问题分析 出来以后，有人私聊我说能不能从头分析一下我开源的自定义组件？一直没时间。这不，最近项目中有个需求是 省市区三级联动 ，我就顺便从组件库中的第一个 「扩展日期-时间picker（点此直接至GitHub，欢迎star）」组件开始说一下这两个功能的实现。

---

简单说一下“自定义日期-时间组件”

它的背景是项目的第一版当时发现微信小程序内置的日期组件：picker只能精确到某一天（年月日），但是我们很多时候需要年月日时分甚至是年月日时分秒（如结束时间/发布时间）。

笔者仔细翻阅了官方文档和许多博主文章发现提出了各种各样的解决方案（但很遗憾没发现有博主详细公开代码），但是对于这样一个其实并不需要“联动”、列数也不固定的功能，用多列picker模拟多列选择器 即可。