1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Element中时间校验:结束时间大于开始时间

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

时间:2020-07-27 21:53:41

相关推荐

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

.12.27 18:34 愿你们奔赴在自己的热爱里!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。