rules 校验el-date-picker
时间: 2023-10-06 19:07:12 浏览: 141
【JavaScript源代码】vue el-date-picker动态限制时间范围案例详解.docx
在引用中,el-date-picker组件被用于日期选择,并且有一个change事件。此外,该组件还有校验规则type:date。然而,这种方式在第二次使用时会出现问题。
在引用中,作者提到了一个解决方法,即将el-date-picker组件的v-model绑定到addlistform.canguanDate,并设置了格式(format)和校验规则(rules2)。
在引用中,作者提到,尽管有一些问题,但如果表单验证不通过,则无法向后台发送请求。
综上所述,你可以根据需要设置el-date-picker的校验规则(rules)来验证其输入值。如果验证不通过,可以采取相应的处理措施,例如禁止向后台发送请求。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [element 中<el-date-picker></el-date-picker>的用法](https://blog.csdn.net/wangming2531/article/details/120275068)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Element el-date-picker表单校验和数据回显问题](https://blog.csdn.net/Web_chicken/article/details/120073888)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文