快捷導(dǎo)航

微信小程序?qū)崿F(xiàn)多列選擇器

更新時(shí)間：2022年07月07日 10:23:37 作者：In Heaven

這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多列選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)多列選擇器的具體代碼，供大家參考，具體內(nèi)容如下

<picker class="picks" mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange"
? ?value="{{multiIndex}}" range="{{multiArray}}">
? ?<view class="picker {{seleNull == 0 ?'':'cur'}}">
? ? ?{{seleNull == 0 ? date:'請(qǐng)選擇日期'}}
? ?</view>
? ?<image class="icon" src="../../images/down.png"></image>
</picker>

data: {
? ? seleNull: null,
? ? multiIndex: [0, 0, 0],
? ? multiArray: [],
? ? month: '',
? ? year: ''
? },
? onLoad: function (options) {
? ? var that = this
??? ?that.return_date()
? },
??
// 獲取歷史記錄日期
? return_date() {
? ? var that = this
? ? var datas = {
? ? ? type: that.data.tag,
? ? ? user_id: app.globalData.userId,
? ? ? month: that.data.month,
? ? ? year: that.data.year
? ? }
? ? wx.request({
? ? ? url: app.globalData.urlSrc + 'hardware/return_date',
? ? ? data: datas,
? ? ? method: "POST",
? ? ? header: {
? ? ? ? 'content-type': app.globalData.head
? ? ? },
? ? ? success(res) {
? ? ? ? console.log('獲取歷史日期', res.data)
? ? ? ? var code = res.data.status
? ? ? ? if (code == 200) {
? ? ? ? ? var multiArray = res.data.data
? ? ? ? ? that.setData({
? ? ? ? ? ? multiArray: multiArray
? ? ? ? ? })
? ? ? ? }
? ? ? }
? ? })
? },
? // 多例選擇
? bindMultiPickerChange: function (e) {
? ? var multiIndex = e.detail.value
? ? var multiArray = this.data.multiArray
? ? this.setData({
? ? ? multiIndex: multiIndex,
? ? ? seleNull: 0,
? ? ? date: multiArray[0][multiIndex[0]] + '-' + multiArray[1][multiIndex[1]] + '-' + multiArray[2][multiIndex[2]]
? ? })
? ? this.getmeasInfos()
? },

? // 控制單列
? bindMultiPickerColumnChange: function (e) {
? ? var that = this
? ? var data = {
? ? ? multiArray: that.data.multiArray,
? ? ? multiIndex: that.data.multiIndex,
? ? ? idx:e.detail.value,
? ? ? column : e.detail.column
? ? }
? ? // data.multiIndex[e.detail.column] = e.detail.value;
? ? if(data.column == 0){
? ? ? that.setData({
? ? ? ? year: data.multiArray[0][data.idx],
? ? ? ? month:''
? ? ? })
? ? ? data.multiIndex[1] = 0;
? ? ? data.multiIndex[2] = 0;
? ? ? that.return_date()
? ? }else ?if(data.column == 1){
? ? ? that.setData({
? ? ? ? month: data.multiArray[1][data.idx]
? ? ? })
? ? ? data.multiIndex[2] = 0;
? ? ? that.return_date()
? ? }
? },