从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本文实例为大家分享了微信小程序工作时间段选择的具体代码,供大家参考,具体内容如下
1. 效果图如上,需完成时间段的选择 以及下面的工作日选择 保存按钮为formSubmit提交后台
2.思路:
①时段用picker跟input 如果没有占位字符 则不需要input
②工作日选择用checkbox 多选的样式用label 将checkbox隐藏
③label的选择后的样式跟取消的样式,这里无需判断checked 当然也可以判断checked 我这里的方法是,先建一个放星期一到星期天的数组date,选择之后,在js里返回的detail.value里找到所选择的日期selectedList,再判断date是否在selectedList内存在(注意是date在list中是否存在)。如果存在则设对应的布尔为true,否则false。
下面为代码:
wxml
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图