日常记录,非技术型分享,有错误希望大家帮我指正
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>