大型网站建设基本流程,网站建设预算申请,如何设立微信公众号,广州网站开发报价项目场景#xff1a;
在项目中表单提交有时间区间校验
问题描述
想当然的就和其他单个输入框字符串校验#xff0c;导致提交保存的时候 #xff0c;初次日期未选择#xff0c;规则提示。后续在同一表单上继续提交时#xff0c;校验失效。走进了死胡同#xff0c;一直以…项目场景
在项目中表单提交有时间区间校验
问题描述
想当然的就和其他单个输入框字符串校验导致提交保存的时候 初次日期未选择规则提示。后续在同一表单上继续提交时校验失效。走进了死胡同一直以为是二次校验的问题 。没有从根本出发是校验时间的rules不对 。导致搞了很长时间 ---# 原因分析
因为这里是个数组写法上和常规的字符串的写法不能一致---# 解决方案
提示这里填写该问题的具体解决方案javascript
el-form classpl13 :rulesrules refruleForm :modelsearchKeyel-form-item propdaterangeel-date-pickerv-modelvalue1typedaterangerange-separator至start-placeholder开始日期end-placeholder结束日期/el-date-picker/el-form-item
/el-form
rules: {dateRange: [{type: array,required: true,message: 请选择日期区间,fields: {// tpye类型试情况而定,所以如果返回的是date就改成date,如果返回的是string就改成string0: { type: date, required: true, message: 请选择开始日期 },1: { type: date, required: true, message: 请选择结束日期 },},},],}
问题背后的问题: 第一时间没想到解决方案的原因是:没真正直自己的需求 时间 既然校验不提示那肯定是校验写的有问题 就不要一根筋死扣 明白自己的需求并去找解决方案。而不是好无厘头的随意乱改一通 https://blog.csdn.net/qq_14993591/article/details/127015992 引申:
时间可自动选择同时不要忽略 也可以手动输入
