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();
          }
        }
      };

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

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

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

---

The best investment is to invest in yourself.

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

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