w-picker

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
},

版权声明:本文为qq_36981190原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。