微信小程序实现工作时间段选择-创新互联

本文实例为大家分享了微信小程序工作时间段选择的具体代码,供大家参考,具体内容如下

成都创新互联从2013年创立,是专业互联网技术服务公司,拥有项目成都做网站、成都网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元启东做网站,已为上家服务,为启东各地企业和个人服务,联系电话:18980820575

1. 效果图如上,需完成时间段的选择  以及下面的工作日选择  保存按钮为formSubmit提交后台

2.思路:

①时段用picker跟input  如果没有占位字符  则不需要input

②工作日选择用checkbox  多选的样式用label  将checkbox隐藏

③label的选择后的样式跟取消的样式,这里无需判断checked  当然也可以判断checked  我这里的方法是,先建一个放星期一到星期天的数组date,选择之后,在js里返回的detail.value里找到所选择的日期selectedList,再判断date是否在selectedList内存在(注意是date在list中是否存在)。如果存在则设对应的布尔为true,否则false。

下面为代码:

wxml



 
  
时段: 重复:

本文名称:微信小程序实现工作时间段选择-创新互联
文章位置:http://bzwzjz.com/article/cdsepi.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设公司 高端网站设计 盐亭网站设计 成都网站设计公司 重庆网站建设 专业网站设计 专业网站建设 成都商城网站制作 网站建设公司 成都网站建设 网站制作公司 成都网站制作 四川成都网站建设 网站建设改版 网站建设 成都网站建设 成都网站设计 企业网站建设 成都网站设计 重庆手机网站建设 做网站设计 定制级高端网站建设