【辰兮要努力】: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 愿你们奔赴在自己的热爱里!