扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文实例为大家分享了微信小程序工作时间段选择的具体代码,供大家参考,具体内容如下
1. 效果图如上,需完成时间段的选择 以及下面的工作日选择 保存按钮为formSubmit提交后台
2.思路:
①时段用picker跟input 如果没有占位字符 则不需要input
②工作日选择用checkbox 多选的样式用label 将checkbox隐藏
③label的选择后的样式跟取消的样式,这里无需判断checked 当然也可以判断checked 我这里的方法是,先建一个放星期一到星期天的数组date,选择之后,在js里返回的detail.value里找到所选择的日期selectedList,再判断date是否在selectedList内存在(注意是date在list中是否存在)。如果存在则设对应的布尔为true,否则false。
下面为代码:
wxml
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流