【小程序】基于picker-view组件 封装一个时间选择器（年月日时分秒）

一、背景

最近不是到5.20了嘛，本来想做一个记录恋爱时长的小程序来玩玩。开始的恋爱的时间输入嘛，我想着用个时间选择器吧，但一看小程序官方给的picker组件的时间选择仅支持精确到日，或者日期和时间分开。想想能不能做个连在一起，精确到年月日时分秒的时间选择器。需求来了，做一个能选择年月日的时分秒的选择器。官方提供的picker-view我看了demo阅览发现还挺合适，因为我也不需要像picker那样的弹出效果。然后事情就是这么发生了，根据官方demo封装了一个年月日时分秒的组件。

以上是，，啰嗦，，，可以忽略。。。。

二、正文

代码结构

视图层

//index.wxml
<view class="time-picker-container">
    <picker-view indicator-style="height: 50px;" style="width: 100%; height: 95px;" value="{
  
  {value}}" bindchange="bindChange">
        <picker-view-column>
            <view wx:for="{
  
  {years}}" style="line-height: 50px">{
  
  {item}}年</view>
        </picker-view-column>
        <picker-view-column>
            <view wx:for="{
  
  {months}}" style="line-heigh