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

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

原文示例：本文实例为大家分享了微信小程序开发时时间段选择的整体代码，供大家参考。具体内容如下：+1. 效果图如下，需完成时间段的选择+ 下面的工作日选择+ 保存按钮为formSubmit提交后台

改写后：本文实例展示了微信小程序中时间段选择功能的实现代码，供参考。具体包括：

1.时间段选择效果展示

2.工作日选择

3.保存按钮为formSubmit，用于提交到后台

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

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

2.思路：

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

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

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