微信小程序picker选择器(下拉框)以及传值问题

微信小程序picker选择器(下拉框)以及传值问题,第1张

参考文档:

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的介绍

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

普通选择器

多列选择器

时间选择器

日期选择器

省市区选择器

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

index.wxml

index.js

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

功能:

年月日时分秒,固定选择范围

效果:

自定义组件实现:

utils/datePicker.js

定义组件components/datePicker/datePicker.js

components/datePicker/datePicker.wxml

components/datePicker/datePicker.wxss

使用datePicker组件

index.json

index.wxml

index.js


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存