在使用微信小程序picker组件时候,可以设置属性 mode = multiSelector 意为多列选择,关联选择,当第一列发生改变时侯,第二列甚至第三列发生相应的改变。但是官方文档上给的只有三列数据关联改变,没有两列改变得,我在写的时候琢磨了很久官方文档,于是写下此篇文档,作为总结。 结构文件   <view c
2022-08-31 19:59:36 50KB c data pic
1
微信小程序 -- 年月日时分秒 picker 选择器 基于微信小程序封装 月日时分秒 picker 选择器 封装插件 全局引用
1
小程序picker 二级联动。需要的拿走,只为减少弯路。js文件中为了更方便看到效果所以直接把json 贴出来,通过 JSON.parse(json) 转成对象。正常的应该是通过接口返回的,各位做成动态的要把这个代码去掉,拼装成这样就好了。亲测,可用。 wxml中默认的显示的 两个分类名称,第一个给注释掉了,看需求可再修改显示一个分类名称,还是两个分类名称。 20200603修改了个bug。这个方法重写了 bindMultiPickerColumnChange: function (e) { var that=this; console.log('修改的列为', e.detail.column, ',值为', e.detail.value); var data = { multiArray: this.data.multiArray, multiIndex: this.data.multiIndex }; data.multiIndex[e.detail.column] = e.detail.value; //如果是第0列,那麼第1列则显示 if(e.detail.column == 0) { for (let i = 0; i < that.data.allmultiArray[e.detail.value].child.length; i++) { if (i == 0) { that.setData({ 'childcatid': that.data.allmultiArray[e.detail.value].child[i].class_id, "multiArray[1]":[] }); } that.data.multiArray[1].push(that.data.allmultiArray[e.detail.value].child[i].class_name); } } //如果是第1列 if(e.detail.column == 1) { for (let i = 0; i < that.data.allmultiArray[that.data.multiIndex[0]].child.length; i++) { if (i == e.detail.column) { that.setData({ 'childcatid': that.data.allmultiArray[that.data.multiIndex[0]].child[i].class_id }); } } } this.setData(data); },
1
微信小程序picker实现的省市区三级联动-附件资源
2021-12-15 14:19:43 23B
1
微信小程序picker实现的省市区三级联动-附件资源
2021-09-08 17:30:46 106B
1
picker-view时间选择器/年、月、日,闰年、天数、大月、小月 自定义picker-view年月日选择器 picker选择器picker-view选择器(案例)
1
自定义小程序picker样式
1
微信小程序picker组件,省市二级联动及其修改时进行回显,文件只提供参考,希望给需要的朋友带来帮助。
2020-05-09 12:05:53 8KB picker picker组件 小程序picker
1
微信小程序 利用自带picker组件+日历算法实现的预约时间选择器
2019-12-21 22:13:13 3.71MB 微信小程序 picker选择器
1