不是,支持多维数组,
range-key String 当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
不是start、end属性,而是min、max属性。如下:
<input type="date" id="time"/>
<script type="text/javascript">
//今天的时间
var day = new Date();
daysetTime(daygetTime());
var time = daygetFullYear()+"-" + ('0'+ (daygetMonth() + 1))slice(-2) + "-" + ('0' + daygetDate())slice(-2);
//昨天的时间
var day1 = new Date();
day1setTime(day1getTime() -24 60 60 1000);
var min = day1getFullYear()+"-" + ('0'+ (day1getMonth() + 1))slice(-2) + "-" + ('0' + day1getDate())slice(-2);
//明天的时间
var day2 = new Date();
day2setTime(day2getTime() + 24 60 60 1000);
var max = day2getFullYear()+"-" + ('0'+ (day2getMonth() + 1))slice(-2) + "-" + ('0' + day2getDate())slice(-2);
//默认时间为今天
documentgetElementById('time')value = time;
//限制不能选择昨天之前的日期(加上属性min)
documentgetElementById('time')setAttribute('min', min);
//限制不能选择明天之后的日期(加上属性max)
documentgetElementById('time')setAttribute('max', max);
</script>
选择日期和时间,直接使用小程序的默认组件picker,就可以解决了。
在组件picker选择日期:将mode设置为date,选择事件:将mode设置为time即可。
家园联系栏是家园共育的重要窗口,是家长和幼儿园联系的一个纽带。在幼儿园里各班都会开辟一块家园联系栏,用于家长及时把握幼儿园或班级的教育情况,也有利于老师更好地完成家长工作。
<h1 align="center" >picker-extendjs</h1>
一款多功能的移动端滚动选择器,支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等
picker-extend 移动端级联选择插件()
picker-extend 移动端级联选择插件(掘金)
picker-extend 移动端级联选择插件 (npm)
在你的js文件中import:
[上传失败(image-6fbf94-1536046640642)]
基础实例 → 功能函数 *** 作后
[上传失败(image-95d5aa-1536046640642)]
[上传失败(image-7379f1-1536046640642)]
callback回调函数里有一个indexArr参数,它是一个数组,记录着当前选中的位置:
把这个数组转化为字符串之后,可以用<input type="hidden" value="">隐藏域或者别的其他方式保存下来,传给后台。
下次打开页面时,
MobileSelect实例化的时候,读取这个字符串,再转成数组,传给position,完成初始化定位即可。
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);
},
安卓里面的时间控件与日期控件都是分开的,如果要同时使用的话用户体验度那肯定不好,整合了安卓中的时间与日期控件,可以同时显示出来方便用户进行选择,使用时只需要将文件导入项目中,再需要用到的地方使用如下代码
微信小程序让日期选择器循环的方法是:
1、自定义选择器组件需要用到picker-view跟picker-view-column。
2、打开选择器时就要获取到当前的年月日,使用for遍历直接生成年份数组跟月份数组。注:天数根据年份跟月份动态生成。
3、在选择的过程中,选择器有个改变事件,当年份或者月份改变的时候,天数要随之变化。
拟设计一个设备故障状况选择器,需要三级联动,第一级:设备大类;第二级:设备细类;第三级:故障描述,如下图:
1、需要引入vant-picker,需要定制一个数组,包含三级即[一级,一级内容,子类[二级,二级内容,子类[三级,三级内容]]],如下图
2、在vant-picker的onChange事件中,对上面数组进行分级控制。
3、难点,需要把数组按三级拆分出来,放到picker的三列中,控制不好就会各种报错。
1、json,引入vant-picker
2、wxml
绑定change confirm 2个必须事件
3、js文件
31 定义选项内容,需要分成三级
32 data 中实现picker3列
33 onChange 事件实现
34 常见问题
341 最后一级如果没有内容,vant-picker会报错,所以需要做一个空判断,如果为空,赋值一个常量
342 是使用value,还是选择使用自己定义的常量,需要调试看。value值已经获取到了三列数据,但是容易出错。我最后还是选择使用原来定义常量proSelectList。
41 三级数据齐全的选择
42 第三级如果为空,第三列使用默认数据
以上就是关于小程序picker是不是只能range一维数组全部的内容,包括:小程序picker是不是只能range一维数组、小程序表单中日期选择器可以限制日期吗、小程序家园联系栏怎么设置时间等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)