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.

非常感谢你阅读到这里，如果这篇文章对你有帮助，希望能留下你的点赞

Element中时间校验：结束时间大于开始时间相关推荐

Jquery 开始时间为系统时间，结束时间多加一年
点击开始时间,结束时间默认多加一年 $("#PublishTime").datepicker({ dateFormat: 'yy-mm-dd' }); $("#EndTi ...
用moment获取一年内指定周的起始时间和结束时间、用户所选时间和前端传参时间不一致问题
问题1: 原代码: //所选周selectedWeek:{handler(){let selectedWeek = parseInt(this.selectedWeek.substring(1))// ...
计算起始时间与结束时间之间有哪些月份和周数
estLabourMonth() {const months = []const monthCol = []const start = new Date(this.form.project_start ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间(duration of an act ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间、适应时间段跨越多天的情况
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间.适应时间段跨越多天的情况(例如,当天 ...
ORACLE取周、月、季、年的開始时间和结束时间
1 取周的開始时间和结束时间取周的開始时间.以星期一为開始. SQL>SELECT TRUNC(TO_DATE('2013-11-25 10:31:11','YYYY ...
vue elementUI 时间控件优化选择起始时间不能在结束时间之后,结束时间不能在起始时间之前
时间控件优化 elementUI 选择起始时间不能在结束时间之后,结束时间不能在起始时间之前 <el-form-item label="起始时间:" class=" ...
根据起始时间和结束时间得到期间所有的日期集合
/** * 根据起始时间和结束时间得到期间所有的日期集合 * * @param startTime 起始时间 * @param endTime 结束时间 * @return */private Lis ...
js根据当前时间和结束时间做倒计时（还有XXX天XXX时XXX分XXX秒）
js根据当前时间和结束时间做倒计时(还有XXX天XXX时XXX分XXX秒),当天,不需要XXX天数,剩余0小时,不需要显示XXX时,剩余0分钟,不需要显示XXX分 1. js方法 2. HTML代码 ...
Java获取当日的起始时间和结束时间
//获取0点 public static Date getStartTime() {Calendar todayStart = Calendar.getInstance();todayStart.se ...

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

Element中时间校验：结束时间大于开始时间相关推荐

最新文章

热门文章