小程序控件

1,toast
//提示框
function prompt(msg) {
wx.showToast({
title: msg,
icon: "loading",//加载中
icon: " success ",//成功
duration:  2000
})

}

2,日历控件
(1)xml文件
<picker mode="date" value="{{date}}" start="2018-05-10" end="2030-09-01" bindchange="bindDateChange">
< view  class= "picker">
< text  class= "gotime_date gotimeleft">出发日期: {{date}} </ text >
</ view >
</picker>
(2)js文件   data里初始化默认一个时间
data: {
  date: "2018-5-10"
},
//根据选择传递的值进行下一步操作
bindDateChange:  function (e) {
app.baojiriqi = e.detail.value
// console.log('picker发送选择改变,携带值为', e.detail.value)
this.setData({
date: e.detail.value
})
},

3,下拉框
(1)xml文件
< view  class= "weui_panel">
< picker  bindchange= "bindSexPickerChange"  value= "{{sex_index}}"  range= "{{sex_array}}">
< view  class= "item1eft">
性别:
</ view >
< view  class= "itemright_picker"> {{sex_array[sex_index]}}
</ view >
</ picker >
</ view >
(2)js文件
//选择器
bindSexPickerChange:  function (e) {
// console.log('sex_picker发送选择改变,携带值为', e.detail.value)
this.setData({
sex_index: e.detail.value
})
},

//初始化定义
data: {
sex_array:["男","女"],
sex_index:0,
},
//联网请求
var userId = utils.getUserId()
wx.request({
url: app.globalData.urls + app.globalData.add_chengjiren,
data: {
uid: userId,
passengerName: name,
passengerPhone: shouji,
passengerEmail: youxiang,
passengerCertType:  this.data.cert_card_index,
passengerCertNum: zhegnjiannum,
passengerGender: this.data.sex_index,
passedgerGenderArray:this.data. sex_array//把得到的数据放进数组里
},

猜你喜欢

转载自blog.csdn.net/qq_30299243/article/details/81047452
今日推荐