微信小程序 时间插件 (可以选择日期+星期) |
您所在的位置:网站首页 › 日期插件选择时间 › 微信小程序 时间插件 (可以选择日期+星期) |
1.样式展示 静态展示:
2.代码说明 思路:需要两个数组就可以显示这个东西:第一个数组是包含所有我们要显示的信息,第二个数组是我们所选择下标信息的索引值 如果不理解这句话就看下面的举例: 使用Picker组件(从底部弹起的滚动选择器) 从官方文档可知 我们要从底部弹出一个时间选择器 需要的是多列选择器 那么首先 range传入得是数组型得格式应该是:[[] [] []] ,如range(第一个数组)就应该是dateTimeArray这一个大数组 大数组里面嵌套多少个小数组 那这个时间选择器就弹出多少列(这里弹出的是三列) 例如选择2021-01-15 周五 02点 20分 那value(第二个数组)这个数组的值[1, 2, 2],当我们触发这个选择器的时候 当选择确定 就会改变value中数组的下标值 从而修改我们显示的数据
因此 如果要选择器显示不同的内容 最主要修改的就是大数组中的内容即range这个数组中的内容 这才是重点!!!! 贴一些主要代码: WXML:我对时间做了剪切处理 时间选择(未处理): 时间选择(处理后): {{cartime}}JS: var dateTimePicker = require('../../utils/dateTimePicker.js');3.代码完整地址: 孩子科技/微信小程序工具总结 成员统计 统计总览 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |