加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序表单组件选择器,微信小程序日期和其他五个选择器

2019-07-31 10:06:58 来源:沈阳小程序开发 作者:沈阳软件开发

1.png选择器

滚动选择器从底部弹出,现在支持五种选择器,它们按模式区分。它们是常用选择器,多列选择器,时间选择器,日期选择器和省选择器。默认为正常选择。设备。

普通选择器:mode=selector

属性名称类型默认值描述rangeArray/Object Array [] mode是selector或multiSelector,range valid range-keyString当range是Object Array时,range-key用于指定Object中键的值作为选择器显示内容valueNumber0value值表示指示选择了第一个范围(下标从0开始)。更改bindchangeEventHandlevalue时会触发更改事件,event.detail={value: value} disabledBooleanfalse已禁用

多列选择器:mode = multiSelector(最低版本:1.4.0)

当最小版本范围2D Array/2D Object Array []模式为selector或multiSelector时,属性名称类型的默认值表示该范围有效。一个二维数组,长度表示有多少列,数组的每个项目代表每列的数据,例如[['a','b'],['c','d']]范围 - 范围是二维时的keyString在Object Array中,Object中键的值由range-key指定为选择器显示内容。 ValueArray [] value当更改bindchangeEventHandlevalue时,每个项的值指示选择范围对应项的编号(下标从0开始)。触发更改事件,event.detail={value: value} bindcolumnchangeEventHandle在列值更改时触发columnchange事件,event.detail={列:列,值:值},列的值表示列是changed(下标)从0开始,value的值表示更改值的下标是否为disabledBooleanfalse被禁用

时间选择器:mode=time

属性名称类型默认值说明valueString表示所选时间,格式为'hh: mm'startString表示有效时间范围的开始,字符串格式为'hh: mm'endString表示有效时间范围的结束,字符串格式为'hh: mm'bindchangeEventHandlevalue在更改时触发更改事件,event.detail={value: value} disabledBooleanfalseDisable

日期选择器:mode=date

属性名称类型默认值描述valueString0表示所选日期,格式为'YYYY-MM-DD'startString表示有效日期范围的开头,字符串格式为'YYYY-MM-DD'endString表示结束有效日期范围,字符串格式为'YYYY-MM-DD'fieldsStringday有效值年,月,日,表示选择器的粒度bindChangeEventHandlevalue在触发更改事件时发生更改,event.detail={value: value}禁用disabledBooleanfalse

fields 有效值:

该值表示年份选择器粒度是天

的月日选择器粒度的年月选择器粒度 省市区选择器:mode = region(最低版本:1.4.0)

属性名称类型的默认值表示valueArray []表示选定的省和城市。默认情况下,选择每列的第一个值。触发更改事件时,bindchangeEventHandlevalue会更改,event.detail={value: value} disabledBooleanfalse已禁用

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。