微信小程序如何设置特定工作时间段的选择功能？

本文共计956个文字，预计阅读时间需要4分钟。

原文：本文字例为大家庭分享了微信小程序工作时间段选择的整体代码，供大家参考。具体内容如下：

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

改写后：大家庭分享了微信小程序时间段选择功能代码，包括时间选择和工作日选择，并提供保存按钮提交至后台。

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

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

2.思路：

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

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

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