web前端|js教程
picker,小程序,用法
web前端-js教程
picker滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器(mode=selector),时间选择器(mode=time),日期选择器(mode=date),默认是普通选择器。
.net软件源码,Ubuntu终端缓冲命令,scrapy怎么暂停爬虫,php ffi zend,南京seo攻略lzw
本文我们就和大家分享一下微信小程序picker组件简单用法示例。
保安公司网站源码,ubuntu修复网卡驱动,爬虫的变化视频,php-cli运行php,seo发帖技巧lzw
具体功能说明如下:
社区网站手机源码,ubuntu 写代码工具,tomcat中日志哪里找,爬虫 ajex 淘宝,php学习的基础交流,seo引擎规则lzw
普通选择器:mode=selector
时间选择器:mode=time
日期选择器:mode=date
示例代码如下:
picker.wxml:
地区选择器 当前选择:{{array[index]}} 时间选择器 当前选择: {{time}} 日期选择器 当前选择: {{date}}
picker.js:
Page({ data: { array: [美国, 中国, 巴西, 日本], index: 0, date: -09-01, time: 12:01 }, bindPickerChange: function(e) { console.log(picker发送选择改变,携带值为, e.detail.value) this.setData({ index: e.detail.value }) }, bindDateChange: function(e) { this.setData({ date: e.detail.value }) }, bindTimeChange: function(e) { this.setData({ time: e.detail.value }) }})
简单样式布局picker.wxss:
.section { display: flex; flex-direction: column; padding: 20rpx 0rpx; color: #333;}.section__title{ font-size: 40rpx; margin: 10rpx 0rpx;}
运行效果:
以上内容就是微信小程序picker组件简单用法示例,希望能帮助到大家。
picker滚动选择器
微信小程序picker-view组件详解实例代码
微信小程序之picker日期和时间选择器