w-picker

最新推荐文章于 2023-01-29 11:07:09 发布

雨中世界

最新推荐文章于 2023-01-29 11:07:09 发布

阅读量3.1k

点赞数

分类专栏：小程序-uniapp 文章标签： uniapp w-picker

本文链接：https://blog.csdn.net/qq_36981190/article/details/121331904

版权

小程序-uniapp 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

w-picker 的用法
1、 mode=“time”

<view @click="pickerchenge2">时间：{{wpickertime}}</view>
<w-picker
    :visible.sync="visibletime"
    mode="time" 
    value="18:08:05"
    :current="false"
    :second="true"
    @confirm="onConfirmtime"
    @cancel="onCancel"
    ref="time" 
></w-picker>

pickerchenge2(){
	this.visibletime = true
},
onConfirmtime(e){
	this.wpickertime = e.result
},

2、 mode=“date”

<view @click="pickerchenge1">日期：{{wpickerdata}}</view>
<w-picker
 :visible.sync="visible1"
 mode="date" 
 startYear="2017" 
 endYear="2029"
 value="2020-03-07"
 :current="true"
 fields="day"
 @confirm="onConfirmdate"
 @cancel="onCancel"
 :disabled-after="false"
 ref="date1" 
></w-picker>
pickerchenge1(){
	this.visible1 = true
},
onConfirmdate(e){
	this.wpickerdata = e.result
	console.log(e)
},

3、mode=“region”

<view  @click="pickerchenge">地址：{{wpickeradress}}</view>
<w-picker
   mode="region"
:visible.sync="visibleFlag"
   @confirm="onConfirm" 
   themeColor="#f00">
</w-picker>
pickerchenge(){
	this.visibleFlag = true
},
onConfirm(picker){
// 赋值选中的省市区 
	console.log(picker)
	this.wpickeradress=picker.result
},