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
          }

　　只是提供一個方法,  需求不同  需要隨機變化   

END