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

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都做网站、成都网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的钦南网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

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

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

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

index.wxml

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

分享文章：微信小程序时间标签和时间范围的联动效果-创新互联
网页网址：http://lswzjz.com/article/ddjgoj.html