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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值