微信小程序picker-view自定义预约时间

用picker-view来实现预约日期的功能，不能选当前日期之前的日期

本人是前端小白，项目接到一个新的需求，之前用两个picker去做的预约功能，一个picker用来选择时间，一个picker用来选择上下午。但是这样用户操作很繁琐，所以要一并选择日期与上下午。
类似于这样的时间选择器，年份是当年和下一年。
demo在下方，主要是想记录一下方便自己以后查看。
如果有更好的方法，欢迎留言讨论

直接上代码

<view>
  <view>{
  {year}}-{
  {month}}-{
  {day}} {
  {meridiem}}</view>
  <view class="appointmentTime">
    <view class="btnTable">
      <view class="cancelTime">取消</view>
      <view class="confirmTime">确定</view>
    </view>
    <picker-view indicator-style="height: 50px;" style="width: 100%; height: 300px;" value="{
    {value}}" bindchange="bindChange">
      <picker-view-column>
        <view wx:for="{
    {years}}" wx:key="{
    {index}}" style="line-height: 50px">{
  {item}}年</view>
      </picker-view-column>
      <picker-view-column>
        <view wx:for="{
    {months}}" wx:key="{
    {index}}" style="line-height: 50px">{
  {item}}月</view>
      </picker-view-column>
      <picker-view-column>
        <view wx:for="{
    {days}}" wx:key="{
    {index}}" style="line-height: 50px">{
  {item}}日</view>
      </picker-view-column>
      <picker-view-column>
        <view wx:for="{
    {meridiems}}" wx:key="{
    {index}}" style="line-height: 50px">{
  {item}}</view>
      </picker-view-colum