2020/7/7学习记录

日常记录，非技术型分享，有错误希望大家帮我指正

 

1.微信小程序text内容显示空格

<text  decode="{{true}}" space="{{true}}"> 报名人数&nbsp;</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>