大家好,又见面了,我是你们的朋友全栈君。
日常记录,非技术型分享,有错误希望大家帮我指正
1.微信小程序text内容显示空格
<text decode=”{ {true}}” space=”{ {true}}”> 报名人数 </text>
decode=”{ {true}}” space=”{ {true}}
2.picker组件日期时间选择
xhtml部分:
<view>结束日期</view>
<view >
<picker mode=”date” value=”{ {date}}” start=”2020-07-01″ end=”2200-12-12″ bindchange=”endDateChange”>
<view > { {endDate}} </view>
</picker>
</view>
<view>结束时间</view>
<view >
<picker mode=”time” value=”{ {time}}” start=”2020-07-01″ end=”2200-12-12″ bindchange=”endTimeChange”>
<view > { {endTime}} </view>
</picker>
</view>
js部分:
data:{
endDate:’2020-07-07′,
endTime:’00:00′,
}
// 点击时间组件确定事件
endTimeChange:function (e) {
this.setData({
endTime: e.detail.value
})
},
// 点击日期组件确定事件
endDateChange:function (e) {
this.setData({
endDate: e.detail.value
})
},
3.微信小程序三级联动城市选择
js部分:
data:{
detailed:’请选择地区’
}
bindRegionChange:function(e){
var that = this
console.log(‘picker发送选择改变,携带值为’, e.detail.value)
this.setData({
detailed: e.detail.value[0] ” ” e.detail.value[1] ” ” e.detail.value[2],
region: e.detail.value
})
this.setData({
“AddSite.area”: e.detail.value[0] ” ” e.detail.value[1] ” ” e.detail.value[2]
})
console.log(this.data.AddSite)
}
xhtml:
<picker mode=”region” bindchange=”bindRegionChange” value=”{ {detailed}}” custom-item=”{ {customItem}}”
name=”detailed” style=’display:inline-block;width:71%;height:75rpx;letter-spacing:2rpx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}’ >
{ {detailed}}
</picker>
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/171051.html原文链接:https://javaforall.cn