微信小程序时间标签和时间范围的联动效果-创新互联

本文实例为大家分享了微信小程序时间标签和时间范围联动的具体代码，供大家参考，具体内容如下

最近忙于一个有关数据管理的微信小程序，遇到了上图情况，虽然很简单，还是整理一下。若有错误，请广大朋友们指正。

使用微信小程序组件radio-group、picker，用wxss对radio按照需求进行重构，picker里边的start和end时间是根据radio来显示的。将start、end时间放在data里，radio发生改变时，改变data中的时间。当picker中的值发生改变时，如果时间范围已经超出了radio中的范围，需要对radio的显示进行实时修改。

话不多说，接下来上代码。

index.wxml

 日期范围
 
 
  
  
    
  
    
  
     
  
 
 
 
  
  
   {{date}}
   
  
  
  到
  
  
   {{date2}}