2020/7/7学习记录

2020/7/7学习记录1.微信小程序text内容显示空格<text decode=”{{true}}”space=”{{true}}”>报名人数&nbsp;</text>decode=”{{true}}”space=”{{true}}2.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

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

 

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>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/171051.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号