vue-calendar-switch移动端范围日期选择器后台市面上日期选择插件很多，但是根据范围选择的很少，基本都是PC端、移动终端很少，能满足我们公司个性化需求的就更少了。反正我没找到。除了我们公司业务的个性化，我简单的开发并开源了这个简单的日期范围选择组件。https://github.com/duanxb/vue-calendar-switch(欢迎开始)功能说明该组件可以选择开始日期，第一次点击是开始时间，第二次点击是结束时间。您可以选择跨月和跨年。支持个性化配置如：最大选择间隔、是否启用动画效果、限制range选择范围内的天数、是否启用周六周日禁止点击、配置禁用日期禁止点击##demo下载npminstallvue-calendar-switch--savereference//main.jsimportcalendarSwitchfrom'vue-calendar-switch'Vue.prototype.$calendarSwitch=calendarSwitch;使用//绑定元素ref//方法初始化initCalendar(){this.$calendarSwitch({element:this.$refs.calendarTigger,monthSize:2,minDate:'2019-12-01',maxDate:'2020-05-03',onSuccess:(data)=>{this.dateSpace=data.start_date+'~'+data.end_date;console.log(this.dateSpace);},onError:function(msg){控制台.log(msg)}});}parameter参数说明element[Object],文本框对象monthSize[Number],显示的月数，默认为4showEffect[String]：启用动画效果，默认为'slideInBottom'limitSection[Number]限制区间选择范围的天数0：不限制，大于0是限制多少天weekDisabled[Boolean]是否开启周六周日点击禁止，默认false关闭startDate[String]开始时间endDate[String]结束时间minDate[String]选择范围：最小时间maxDate[String]选择范围：最大时间（最大范围时间应该出现在monthSizemonth)disabledDate[Array]手动设置禁用日期回调参数说明onSuccess[Function]成功回调onError[Function]错误回调
