iview组件库, DatePicker日期组件,进行日期间隔控制方法 本次需求,月份选择器,要求间隔一个月.

<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
    }