iview时间校验,间隔一年等.....

最新推荐文章于 2024-01-29 10:58:13 发布

� 干脆来碗面

最新推荐文章于 2024-01-29 10:58:13 发布

阅读量562

点赞数

分类专栏： iview 文章标签： vue iview datePicker

本文链接：https://blog.csdn.net/weixin_43970491/article/details/96484832

版权

iview 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

关于时间校验,搜了许多方法没有找到合适的,就自己取巧搞了一下

<i-col span="6">   // 开始和结束日期的绑定值
                    <form-item label="充电开始日期" prop="startDate">
                      <date-picker type="date" placeholder="请选择开始时间" v-model="formValidate.startDate" clearable>
                      </date-picker>
                    </form-item>
                  </i-col>
                  <i-col span="6">
                    <form-item label="充电结束日期" prop="endDate">
                      <date-picker type="date" placeholder="请选择结束时间" v-model="formValidate.endDate" clearable>
                      </date-picker>
                    </form-item>
                  </i-col>

我是在提交时检测时间,然后返回不同状态

  let endDate = this.formValidate.endDate.format('yyyy-MM-dd');
          let startDate = this.formValidate.startDate.format('yyyy-MM-dd');
          //先进行时间格式转换,再进行赋值,
          let flag = this.ComparisonDate(startDate,endDate)
          //将时间传入定义的事件当参数,进行处理  根据是或非进行判断
          if (!flag) {
            this.$Message.error('日期选择有误!最大可间隔一年!');
            return
          }

处理比较时间的方法

  ComparisonDate(startDate, endDate) {
          let arrStart = startDate.replace(/-/g,'0');
          let arrEnd = endDate.replace(/-/g,'0');
          if(arrEnd - arrStart < 1000001 && arrEnd - arrStart >= 0){
            return true
          }else{
            return false
          }
        },

在处理时,获取传进来的两个事件参数,通过data方法去除 ‘‘2019-01-01’’ 中的’ -’ 并且添加0 然后会得到 2019001001 通过两个时间进行运算得到结果值, 并进行return

END