wx小程序-picker自定义性别

wx小程序-picker自定义性别,第1张

registerwxml

<view class="form-item list-msg">

<text class="item_name">性别</text>

<picker bindchange="pickSex" value="{{ gender }}" class="sex" range="{{ columns }}">

<view>

{{ columns[gender] == "" "请输入性别" : "" }}{{ columns[gender] }}

</view>

</picker>

</view>

registerjs

Page({

columns: ["未知", "男", "女"],

gender: 0 || wxgetStorageSync("gender") 1,

})

pickSex: function(e) {

thissetData({

gender: edetailvalue

});

// consolelog("当前选择性别-sex", edetailvalue);

},

通过wxrequest获取到服务器数据之后将数据(一个json对象)绑定至post数组,然后页面中获取数据的时候可以直接通过(数组名属性)直接取值。数组中有多个json对象的话,则需要wx:for遍历取值。

单个json对象数据绑定

页面取值:

不是,支持多维数组,

range-key String 当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

1基础组件

什么是组件:

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

,属性

用来修饰这个组件,内容

在两个标签之内。</li>

</ul>

2属性类型

<ul>

<li>Boolean 布尔值 组件写上该属性,不管该属性等于什么,其值都为true

,只有组件上没有写该属性时,属性值才为false

。如果属性值为变量,变量的值会被转换为Boolean类型</li>

<li>Number 数字 1

, 25</li>

<li>String 字符串 "string"</li>

<li>Array 数组 [ 1, "string" ] </li>

<li>Object 对象 { key: value } </li>

<li>EventHandler 事件处理函数名 "handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any 任意属性 </li>

</ul>

3共同属性类型

id , class , style , hidden , data- , bind / catch

4特殊属性

几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰

5组件列表

基础组件分为以下八大类:

视图容器(View Container):

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content):

icon 图标, text 文字, progress 进度条

表单(Form):

button 按钮, form 表单, input 输入框, checkbox 多想选择器, radio 单选器, picker 列表选择器, slider 滚动选择器, switch 开关选择器, label 标签

*** 作反馈(Interaction)

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image , video 视频

地图

map 地图

画布Canvas

canvas 画布

flex: vt折曲,使收缩; vi玩去,收缩

把微信小程序添加到桌面是目前安卓微信用户独享的一个特权,具体的设置方法如下。

微信小程序添加到桌面教程:

如果是Android用户,还可以享受一个特权:把小程序添加到桌面。

在小程序右上角点击三个点,即可看到「添加到桌面」的选项,点击即可直接将小程序添加到桌面。

会看到桌面多出了一个小程序的图标。之后如果你想启动这个小程序,从桌面点击图标直接启动就可以了。

选择日期和时间,直接使用小程序的默认组件picker,就可以解决了。

在组件picker选择日期:将mode设置为date,选择事件:将mode设置为time即可。

家园联系栏是家园共育的重要窗口,是家长和幼儿园联系的一个纽带。在幼儿园里各班都会开辟一块家园联系栏,用于家长及时把握幼儿园或班级的教育情况,也有利于老师更好地完成家长工作。

微信小程序让日期选择器循环的方法是:

1、自定义选择器组件需要用到picker-view跟picker-view-column。

2、打开选择器时就要获取到当前的年月日,使用for遍历直接生成年份数组跟月份数组。注:天数根据年份跟月份动态生成。

3、在选择的过程中,选择器有个改变事件,当年份或者月份改变的时候,天数要随之变化。

小程序端需要一个查看的 *** 作,不能编辑分类,需要 disabled 掉 uni-data-picker 。

官方文档 说 readonly 可以禁用,于是尝试:

设置 5 秒延时试试?网速慢的时候也解决不了问题……

换个思路,阻止 input d出层不就ok 了于是根据 disabled 属性加了个 disabled class ,

注: disabled 属性是在 onLoad 时根据是否为编辑状态动态变化的,默认为 false (可编辑)。

ooooooh,解决!

以上就是关于wx小程序-picker自定义性别全部的内容,包括:wx小程序-picker自定义性别、微信小程序怎么解析picker后台传的数组、小程序picker是不是只能range一维数组等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10639495.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存