本文實例為大家分享了微信小程序工作時間段選擇的具體代碼，供大家參考，具體內(nèi)容如下

成都創(chuàng)新互聯(lián)從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都做網(wǎng)站、成都網(wǎng)站設(shè)計網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元啟東做網(wǎng)站,已為上家服務(wù),為啟東各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575

1. 效果圖如上，需完成時間段的選擇  以及下面的工作日選擇  保存按鈕為formSubmit提交后臺

2.思路：

①時段用picker跟input  如果沒有占位字符  則不需要input

②工作日選擇用checkbox  多選的樣式用label  將checkbox隱藏

③label的選擇后的樣式跟取消的樣式，這里無需判斷checked  當然也可以判斷checked  我這里的方法是，先建一個放星期一到星期天的數(shù)組date，選擇之后，在js里返回的detail.value里找到所選擇的日期selectedList，再判斷date是否在selectedList內(nèi)存在（注意是date在list中是否存在）。如果存在則設(shè)對應(yīng)的布爾為true，否則false。

下面為代碼：

wxml

 
  

  保存
   
   
     時段：
     
      
      
       
         
       
      
     
     至
    
      
      
      
       
         
       
      
     
   
 
   
   
    
      重復：
      
      
      一
       
 
      
      二
       
 
      
      三
       
 
      
      四
       
 
      
      五
       
 
      
     六
       
 
      
     七
       
 
    
   
  
 

網(wǎng)頁標題：微信小程序?qū)崿F(xiàn)工作時間段選擇-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://weahome.cn/article/cdsepi.html