微信小程序 picker 月选择

微信小程序的picker组件可以实现月份的选择功能。你可以通过以下步骤来实现月份选择。

1. 首先，你需要在page的wxml文件中引入picker组件，使用picker-view标签进行包裹，并设置相应的属性。例如，设置mode为date来选择日期，设置value来绑定选中的日期值，设置start和end来指定可选择的日期范围。

<view>
  <picker-view mode="date" value="{{dateValue}}" start="1990-01" end="2050-12" bindchange="bindDateChange">
    <picker-view-column>
      <view wx:for="{{years}}" wx:key="">{{item}}</view>
    </picker-view-column>
    <picker-view-column>
      <view wx:for="{{months}}" wx:key="">{{item}}</view>
    </picker-view-column>
  </picker-view>
</view>

2. 在page的js文件中，需要定义years和months两个数组对象，用于动态生成可选择的年份和月份列表。

Page({
  data: {
    years: [],
    months: [],
    dateValue: '1990-01'  // 初始值
  },
  onLoad: function () {
    // 生成年份列表
    var currentYear = new Date().getFullYear();
    var years = [];
    for (var i = currentYear; i >= 1990; i--) {
      years.push(i);
    }
    this.setData({
      years: years
    });

    // 生成月份列表
    var months = [];
    for (var j = 1; j <= 12; j++) {
      if (j < 10) {
        months.push('0' + j);
      } else {
        months.push(j);
      }
    }
    this.setData({
      months: months
    });
  },
  bindDateChange: function (e) {
    this.setData({
      dateValue: e.detail.value  // 更新选中的日期值
    });
  }
})

这样，当用户在picker中选择月份时，会触发bindchange事件，将选中的日期值更新到dateValue变量中，从而实现了月份的选择。