微信小程序实现地址选择组件

微信小程序实现地址选择组件,第1张

程序官网关于picker的介绍

小程序官网提供了5中选择器,分别是:

普通选雹枯择器

多源睁洞列选择器

时间选择器

日期选择器

省市区选择器

以下仅列举省市区选择器的用法:

index.wxml

index.js

多看文档,不然早盯又要自己封装了。。。

参考文档:

https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

wxml

js

效果

普通选择器

多列滚纤选择器

时分秒(时间选择器)

年月日 日期选择器

省市选择器

传值问题:

微信小程序picker选择器传值

以最简单的普通培缺选择器为例

wxml

js

wxss

array: ['工作', '放假', '加班', '大中仿调休'],对应的int值分别是0,1,2,3

在实际使用中

例子

微信小程序提交form表单内容

wxml

js

css

点击完成的时候,将所有填写的值传给后端

微信小程序中支持省市区地址粗告御级联吗?

微信小程序中的地址级联最多支持到几级?

今天,我们就来看看,微信小程序中的地址级联的使用,以及一些坑…希望大家看完之后能避免踩坑啊岩岩。

省市区级联

小程序中,picker组件是个友困很棒的组件,可以干好多事儿,微信官方对它的解释是:

从底部d起的滚动选择器。

那么,它都支持哪些功能呢?

普通选择器(selector)

多列选择器(multiSelector)

时间选择器(time)

日期选择器(date)

省市区选择器(region)

属性列表参考如图所示:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12372082.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存