微信小程序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

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

通告没山过wx.request获取到服袜中务器数据之后将数据(一个json对象)绑定至post数组,然后页面中获取数据的时候可以直接通过(数组名.属性)直接取值。数组中有多个json对象的话,则需要wx:for遍历取值。

单个json对象察中数据绑定

页面取值:

安卓里面的时间控件与日期控件都是分开的兄拦,如果要同时使用的话用户体验度那肯定不好,整合了安羡薯胡卓中的时间与日期控件,可以同时显示出来方便用户进行选择,使用时只需要将文件导入项目中,再需要用到手碰的地方使用如下代码


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存