小程序项目时间选择器用法

项目需求是要实现这种形式, 但是相信大家都试了各种插件,都不太合适,uView框架也不能满足自己的需要;

推荐使用:uview-ui-plus

小程序项目时间选择器用法_第1张图片

 基本上小程序遇到的单选多选 日期 省市区 都可以完美的实现,可以通过插件市场安装使用小程序项目时间选择器用法_第2张图片

 但是要实现ui给的原型图 还需要做一下调整 弹性布局给两个选择器

 
      
      
        
          
            
          
            
          
        
      
    

可以给结束时间加上一个默认当前时间

 form: {
          start: "",
          end: new Date().toISOString().substr(0, 10),
        },




 computed: {
      dateFormat() {
        return 'YYYY-MM-DD';
      }
    },



            

最终效果图:

 

你可能感兴趣的:(小程序,前端,微信小程序)