相思资源网 Design By www.200059.com
本文实例为大家分享了微信小程序实现联动选择器的具体代码,供大家参考,具体内容如下
picker
从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。
先来看看效果图:
1、普通选择器 mode = selector(默认的)
<view class='picker'>普通选择器</view>
<!--
value: value值表示选择了让的第几个,index===下标 从0开始
rang:对应数据
bindchang:value改变时触发的事件
-->
<picker bindchange='bindPickerChang' value='{{index}}' range='{{array}}'>
<view class='picker_one'>
当前的选择:{{array[index]}}
</view>
</picker>
2、时间选择器:mode = time
<view class='picker tow'>时间选择器</view>
<!--
value:表示选择时间,格式:hh:mm
start: 有效时间范围内表示开始 格式:hh:mm
end:有效时间范围内表示结束
-->
<picker bindchange='bindPickerTime' mode='time' start="00:11" end="23:11" value='{{time}}'>
<view>
当前时间:{{time}}
</view>
</picker>
3、日期选择器:mode = date
<view class='picker tow'>日期选择器</view>
<!--
value:表示选择日期,格式:YYYY-MM_DD
start: 有效日期范围内表示开始
end:有效日期范围内表示结束
-->
<picker bindchange='bindPickerDate' mode='date' start="1991-01-01" end="2017-12-30" value='{{data}}'>
<view>
当前日期:{{data}}
</view>
</picker>
4、省市区选择器:mode = region
<view class='picker tow'>城市选择器</view>
<!--
value:示选中的省市区,默认选中每一列的第一个值
-->
<picker bindchange='bindPickerCity' mode='region' value='{{region}}'>
<view>
当前城市:{{region[0]}},{{region[1]}},{{region[2]}}
</view>
</picker>
一个简单的小案例,多项选择器,希望对各位有所帮助。
源码点击下载:wechat-applet-basics
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无微信小程序实现联动选择器的评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
