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
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)