Vue 开始时间与结束时间比较验证

开始时间不大于结束时间，结束时间不小于开始时间

<template>
<el-form :model="formData" ref="Form"><el-row><el-form-itemclass="row-two"label="开始时间："prop="StartDate":rules="[$validate.Required,validateDateComputed('StartDate', 'EndDate')]"><el-date-pickertype="datetime"format="yyyy-MM-dd HH:mm:ss"value-format="yyyy-MM-dd HH:mm:ss"v-model="formData.StartDate"></el-date-picker></el-form-item><el-form-itemclass="row-two"label="结束时间："prop="EndDate":rules="[$validate.Required,validateDateComputed('StartDate', 'EndDate')]"><el-date-pickertype="datetime"format="yyyy-MM-dd HH:mm:ss"value-format="yyyy-MM-dd HH:mm:ss"v-model="formData.EndDate"></el-date-picker></el-form-item></el-row>
</el-form>
</template>

export default {computed: {/*开始时间和结束时间的比较验证*/validateDateComputed () {return (start, end) => {return {validator: (rule, value, callback) => {if (this.formData[start] && this.formData[end]) {if (new Date(this.formData[end]).getTime() < new Date(this.formData[start]).getTime()) {callback(new Error('请选择正确的时间！'));} else {const formRef = this.$refs.Form;if (formRef) {formRef.clearValidate(start);formRef.clearValidate(end);}callback();}} else {callback();}},trigger: ['blur']};};}
}};

Vue 开始时间与结束时间比较验证相关推荐

关于活动开始时间大于结束时间的验证
//==========关于活动开始时间大于结束时间的判断============== //==========================JS========================== ...
vue【element ui】el-date-picker 日期选择器控件限制可选的开始时间和结束时间
项目场景: 总结一下日期控件实现开始日期.结束日期的选择范围限制,以便更符合实际情况. 需求: 1.开始时间和结束时间都不能选当前日期之后的时间.(当前时间:2022年5月16日) 2.先选开始时间的 ...
oracle 时间小于,jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断好吧!直接上代码查看内容:按时间: 至 var varify;//用于查询验证,验证开始时间是否 ...
ElementUI TimePicker固定时间范围，开始时间小于结束时间
一.概述根据项目需求: 1. 开始时间必须小于结束时间,不能等于结束时间. 2. 结束时间必须小于开始时间,不能相等. 2. 开始时间和结束时间,最小间隔30分钟. 3. 时间范围从00:00~24 ...
easyui日期处理（开始时间和结束时间）
easyui日期处理(开始时间和结束时间): <tr><td class="bis_pxzs_form_id_table_td">发证日期:</td& ...
java方法，返回两个日期内的所有date集合，根据开始时间、结束时间得到两个时间段内所有的日期...
在最近的项目中,有这么一个需求,根据开始时间.结束时间得到两个时间段内所有的日期,以下分享我的代码给大家. 1.以下的这个方法适用于jdk1.5以上的版本 /** * 根据开始时间和结束时间返回时间段 ...
数据库中包含开始时间、结束时间，并且查询条件也有开始时间、结束时间的查询方法...
分类: oracle学习数据库例:考试表中有两个字段:startDate.endDate,分别代表考试开始时间.结束时间.现在需要查询某一时间段内正在进行的考试,实际只要满足考试的时间段和查询条件 ...
js获取下月时间_JS获取上月，本月，下月的开始时间与结束时间
``###JS获取上月,本月,下月的开始时间与结束时间(记录) //获取当天的时间 function getToday() { var date = new Date(); return date . ...
更改hadoop集群yarn的webui中的开始时间和结束时间为本地时间
yarn集群的webui地址为:http://rm:8088 执行任务后,任务的开始时间和结束时间都是utc时间,查看很不方便. 查找相关资料发现hadoop有补丁包,补丁地址:https://iss ...

Vue 开始时间与结束时间比较验证

Vue 开始时间与结束时间比较验证相关推荐

最新文章

热门文章