在mpvue中使用小程序自带的picker进行日期选择的坑

html

//坑：切记mode前面没有冒号
<picker mode="date" :value="date" fields='month' @change="pickerChange" @click='myclick'>
  <view class="picker">
    当前选择: {{date}}
  </view>
</picker>

js

pickerChange: function (e) {
//与小程序本身不同，这里e.mp.detail.value拿到的是你选择的值
  console.log(e.mp.detail.value)
  console.log('picker发送选择改变，携带值为', e.mp.detail.value)
  this.date = e.mp.detail.value
}

注意这里得:value与咱们得vue 中双向数据绑定不同，并不是实时数据更新得，需要使用change监控，自己赋值this.date = e.mp.detail.value

效果