-
店铺开通
销客多小程序商城,可快速开通上架店铺
-
拉新推广
链接12亿微信流量,拉新工具沉淀意向客户
-
复购裂变
拼团、分销等提升转化,不断裂变新用户购买
-
对接门店
线上导流、促活门店,实现线上下同步发展
销客多小程序商城,可快速开通上架店铺
链接12亿微信流量,拉新工具沉淀意向客户
拼团、分销等提升转化,不断裂变新用户购买
线上导流、促活门店,实现线上下同步发展
2020-09-27 作者:秩名
picker选择器分为三种,普通选择器,时间选择器, 日期选择器 用mode属性区分,默认是普通选择器。
小程序picker选择器的实现方式
wxml
- <view>普通选择器</view>
- <!--mode默认selector range数据源value选择的index bindchange事件监听-->
- <picker mode="selector" range="{{array}}" value="{{index}}" bindchange="listenerPickerSelected">
- <text>{{array[index]}}</text>
- </picker>
- <view>时间选择器</view>
- <picker mode="time" value="{{time}}" start="06:00" end="24:00" bindchange="listenerTimePickerSelected">
- <text>{{time}}</text>
- </picker>
- <view>日期选择器</view>
- <picker mode="date" value="{{date}}" start="2016-09-26" end="2017-10-10" bindchange="listenerDatePickerSelected">
- <text>{{date}}</text>
- </picker>
js
- Page({
- data:{
- // text:"这是一个页面"
- array: ['Android', 'IOS', 'ReactNativ', 'WeChat', 'Web'],
- index: 0,
- time: '08:30',
- date: '2016-09-26'
- },
- /**
- * 监听普通picker选择器
- */
- listenerPickerSelected: function(e) {
- //改变index值,通过setData()方法重绘界面
- this.setData({
- index: e.detail.value
- });
- },
- /**
- * 监听时间picker选择器
- */
- listenerTimePickerSelected: function(e) {
- //调用setData()重新绘制
- this.setData({
- time: e.detail.value,
- });
- },
- /**
- * 监听日期picker选择器
- */
- listenerDatePickerSelected:function(e) {
- this.setDate({
- date: e.detail.value
- })
- },
- onLoad:function(options){
- // 页面初始化 options为页面跳转所带来的参数
- },
- onReady:function(){
- // 页面渲染完成
- },
- onShow:function(){
- // 页面显示
- },
- onHide:function(){
- // 页面隐藏
- },
- onUnload:function(){
- // 页面关闭
- }
- })
推荐文章
关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() ) 获取当前的页面栈,决定需要返回几层。 OBJECT 参数说明:...
小程序的能力需要微信客户端来支撑,每一个基础库都只能在对应的客户端版本上运行,高版本的基础库无法兼容低版本的微...
根据2017年微信小程序最新开发,新开发出了一个非常有远见的功能,就是小程序弹幕功能,通过此功能可以实现实时发送弹...
wx.saveFile(OBJECT) 保存文件到本地。 OBJECT参数说明: 参数 类型 必填 说明 tempFilePath String 是 需要保存的文件的临时路径 succe...
收银系统小程序的开通流程 1. 选择合适的收银软件 目前市场上有多种收银软件提供小程序店铺功能。例如,店益就是一款能...
在互联网高速发展的今天,线上线下一体化的商业模式已成为主流。特别是对于零售行业而言,将收银系统与微信公众号对接...
收银系统对接微信小程序的流程 准备工作:首先,商家需要准备好收银系统和小程序的开发环境。对于收银系统,可以使用...
直接说答案:目前是不能直接推送自己的小程序的。 不过也不是说没有办法,可以通过视频号小店,然后跳转到自己的微信...
第一:线上线下收银系统 线上线下收银系统是一种结合了实体店铺与在线销售渠道的技术解决方案。这种系统不仅提高了收...
第一:线上线下一体化收银台的选择 在选择线上线下一体化收银台时,重要的是考虑系统的功能、操作体验、性能和稳定性...