本次需求,月份选择器,要求间隔一个月.

 

<i-col span="6">
                <form-item label="开始日期">
                  <date-picker type="month" placeholder="请选择开始时间" v-model="formValidate.startDate" style="width: 150px"
                    clearable></date-picker>
                </form-item>
                </i-col>
                <i-col span="6">
                  <form-item label="结束日期">
                    <date-picker type="month" placeholder="请选择结束时间" v-model="formValidate.endDate" style="width: 150px"
                      clearable></date-picker>
                  </form-item>
                </i-col>

 // 我是在提交事件中进行校验, 符合继续执行,不符合return

　　　　　　let start = this.formValidate.startDate    　　　　　　　　　　//   获取开始时间,进行赋值
          let end = this.formValidate.endDate　　　　　　　　　　　　　　// 获取结束时间,进行赋值
          let Time = Math.round((end - start)/30/24/60/60/1000)     //  让开始时间减去结束时间,得到多少毫秒. 然后除以一个月/24个小时/60分/60秒/1000毫秒.  然后进行取整
          if(Time>1 || Time<0 || Time==0){      // 判断比较时间;只可间隔一个月.  
            this.$Message.error({　　　　　　　　　　//  不符合条件  提示
                content: '时间选择有误,只可间隔一个月!',
                duration: 4
            });
            return
          }

　　只是提供一个方法,  需求不同  需要随机变化   

END