微信小程序picker组件只选择年月,而且可以对选择时间做出限制,这个细节很友好。
. wxml代码
// value:选中时间 eg:2020-05-01 默认选中时间是2020年5月
// startTime:开始时间 eg:2018-05-01 开始时间限制为2018年5月
// endTime:结束时间 eg:2020-05-01 结束时间限制为2020年5月
// endTime:结束时间 eg:2020-05-01 结束时间限制为2020年5月
// selectDataTime: 选择完成时间,点击确定的点击方法
<picker mode="date" header-text="选择时间" fields="month" value="{{indexTime}}" start="{{startTime}}" end="{{endTime}}" bindchange="selectDataTime">
<view class="date">{{time}}</view>
</picker>
. js代码
// e.detail.value: 选择时间数据 eg:2020-05 可以根据需求转化使用数据
selectDataTime: function(e) {
console.log('点击确定选择的时间是:',e.detail.value)
},
官方的picker经过设置可以处理只选择年月的问题,只是在细节处理就可以,还可以解决选择起始时间限制的问题。