
<view class="date-picker">
  <view class="mask {{ show ? 'fade-in' : ''}}"></view>
  <view class="picker-container {{ show ? 'slide-up' : '' }}">
    <view class="picker-head flex-center-between">
      <text class="cancel" bindtap="hide">取消</text>
      <text class="title">选择时间</text>
      <text class="confirm" bindtap="confirm">确认</text>
    </view>
    <view class="picker-timer flex-center-between">
      <view class="flex-full begin timer-input {{ active == 'begin' ? 'active' : '' }}" data-active="begin" bindtap="handleActive">{{begin ? begin : '---- : -- : --'}}</view>
      <text class="timer-tips">至</text>
      <view class="flex-full end timer-input {{ active == 'end' ? 'active' : '' }}" data-active="end" bindtap="handleActive"> {{end ? end : '---- : -- : --'}}</view>
    </view>
    <picker-view class="picker-view" indicator-style="height: 44px;" value="{{value}}" bindchange="bindChange">
      <picker-view-column>
        <view class="picker-view-column" wx:for="{{years}}" wx:key="index">{{item}}年</view>
      </picker-view-column>
      <picker-view-column>
        <view class="picker-view-column" wx:for="{{months}}" wx:key="index">{{item}}月</view>
      </picker-view-column>
      <picker-view-column>
        <view class="picker-view-column" wx:for="{{days}}" wx:key="index">{{item}}日</view>
      </picker-view-column>
    </picker-view>
  </view>
</view>