Element中时间校验：结束时间大于开始时间

【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！

博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步!

吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中…

最近修复一个简单的bug就是时间校验的问题，顺路整理一下，有需要直接使用即可！

首先我们了解校验规则:

1、如果作为校验的话，那么两个必选
2、选择的结束时间一定要大于开始时间

校验代码如下

     let validateStartTime = (rule, value, callback) => {
        if(!value){
          callback(new Error("请选择开始时间"));
        }else{
          if(this.form.endTime){
            this.$refs.ruleForm.validateField('endTime');
          }
          callback();
        }
      };
      let validateEndTime = (rule, value, callback) => {
        if(!value){
          callback(new Error("请选择结束时间"));
        }else{
          if(!this.form.startTime){
            callback(new Error("请选择开始时间！"))
          }else if(Date.parse(this.form.startTime) >= Date.parse(value)){
            callback(new Error("结束时间必须大于开始时间！"))
          }else{
            callback();
          }
        }
      };


  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
 

引入rules,再在具体的校验行上写上对应的prop

 rules: {
          startTime: [{
            required: true,
            validator: validateStartTime,
            trigger: "blur"
          }],
          endTime: [{
            required: true,
            validator: validateEndTime,
            trigger: "blur"
          }],
        }

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
 

备注：如果你想知道更多正则校验的直接用法，请参考：正则表达式大全

The best investment is to invest in yourself.

非常感谢你阅读到这里，如果这篇文章对你有帮助，希望能留下你的点赞👍 关注❤️ 分享👥 留言💬thanks！！！

2020.12.27 18:34 愿你们奔赴在自己的热爱里！

文章来源: blessing.blog.csdn.net，作者：辰兮要努力，版权归原作者所有，如需转载，请联系作者。

原文链接：blessing.blog.csdn.net/article/details/111824068