微信小程序如何自定义多级picker选择,类似省市区
网友回复

利用微信小程序的picker组件,其中:
1,普通选择器:mode = selector实现一级选择实例;
2,省市区选择器:mode = region实现省市区三级联动;3, 多列选择器:mode = multiSelector实现二级和三级联动。
4, 多列选择器:mode = date实现日期选择。
5, 多列选择器:mode = time实现时间选择。
具体代码如下
<view class="tui-picker-content">
  <view class="tui-picker-name">日期选择</view>
                             <picker mode="date" placeholder-class="weui-input__placeholder" value="{{date}}"
                                start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
                                <view class="weui-input">{{date}}</view>
                            </picker>
</view>
<view class="tui-picker-content">
  <view class="tui-picker-name">时间选择</view>
     <picker mode="time" placeholder-class="weui-input__placeholder" value="{{time}}"
                                start="09:01" end="21:01" bindchange="bindTimeChange">
                                <view class="weui-input">{{time}}</view>
                            </picker>
</view>
<view class="tui-picker-content">
  <view class="tui-picker-name">一级选择实例</view>
  <picker bindchange="changeCountry"  value="{{countryIndex}}" range="{{countryList}}">
    <view class="tui-picker-detail">{{countryList[countryIndex]}}</view>
  </picker>
</view>
<view class="tui-picker-content">
  <view class="tui-picker-name">省市区三级联动选择</view>
  <picker bindchange="changeRegin" mode = "region" value="{{region}}">
    <view class="tui-picker-detail">{{region[0]}} - {{region[1]}} - {{region[2]}}</view>
  </picker>
</vi...点击查看剩余70%
- threejs如何做个三维搭积木的游戏?
- three如何实现标记多个起始路过地点位置后选择旅行工具(飞机汽车高铁等),最后三维模拟行驶动画导出mp4?
- ai实时驱动的3d数字人可视频聊天的开源技术有吗
- swoole+phpfpm如何实现不同域名指向不同目录的多租户模式?
- 如何用go替换nginx实现请求phpfpm解析运行php脚本?
- 有没有浏览器离线运行进行各种文档、图片、视频格式转换的开源工具?
- 如何使用go语言搭建一个web防火墙?
- linux如何检测特定网络协议比如http协议中报文是否包含特点关键词并阻止返回给客户?
- 如果在nginx外过滤包含某些关键词的网页并阻止打开?
- 程序员怎么做副业赚钱?



 
				 
			 
			 
				 
			