ant design a-date-picker 日期选择器校验不灵的问题

最新推荐文章于 2024-03-15 11:38:46 发布
原创 最新推荐文章于 2024-03-15 11:38:46 发布 · 3.4k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

博客指出在Vue中，planStartTime字段添加数据后校验仍显示的问题。原因是选择校验时使用了blur触发方式，将其改为change触发方式，即planStartTime: [{required: true, message: '请选择计划开始时间', trigger: 'change'}]，问题便可解决。

在这里插入图片描述 planStartTime: [{required: true, message: ‘请选择计划开始时间’, trigger: ‘blur’}],
该字段虽然已经添加了数据，但是校验仍然显示，原因是在选择校验的时候使用blur,若改为change,即planStartTime: [{required: true, message: ‘请选择计划开始时间’, trigger: ‘change’}],问题即可解决

没有bug了
关注
elementui的form组件中使用日期选择器，整体表单校验失败的解决办法
qq_52845451的博客
09-26 2741
elementui的form组件中使用日期选择器，整体表单校验失败的解决办法
Vue-Ant Design Vue-自定义搜索功能的实现
热门推荐
谷子的博客
09-17 1万+
之前几篇文章介绍了Ant Design Vue的部分组件使用，如，过滤，table等等。当然在中后台项目中，table是必不可少的，随之配套的就是搜索功能。应该说所有的中后台项目中搜索功能都是非常重要的一块。该篇就介绍一下，如何在Ant Design Vue中实现搜索。 下面的案例所使用到的UI和中后台设计，前面也介绍过。是基于 Ant Design 体系精心设计的：Ant Design Pro ...
ant-design-vue中a-date-picker 日期选择器校验不灵及禁止选择今天之前/之后的日期
浮游的博客
02-24 9639
ant-design-vue中a-date-picker 日期选择器校验不灵的问题 <a-form-model-item label="考试日期" prop="date" :rules="{required: true,message: '必填项',trigger: ['blur']}"> <a-date-picker :disabled="disabled" class="w100" :disabledDate ="disabledDate" v-model="timeInfo.
vue中a-date-picker报错[antdv: DatePicker] value provides invalidate moment time. If you want to setmpty
nyf_unknow的博客
03-31 1714
项目场景： 知识产权模块 弹窗表单添加日期选择组件 问题描述 Warning: [antdv: DatePicker] value provides invalidate moment time. If you want to set empty value, use null instead.： 原因分析： a-date-picker数据模型是moment对象 ，而在data()初始的表单中的startDate默认值是" "空字符串 uploadForm: { name: '',
Vue Date-picker选择日期后校验不通过
hello 2023
09-13 1542
前提： <DatePicker type="datetime" //这个必须是此类型 如果是date类型 则不生效 placement="bottom-end" placeholder="请选择中标通知时间" style="width: 260px" v-model="infoForm.bidDate" > </DatePicker> 解决： rules{ bidDate:[{ required.
el-date-picker 编辑回显校验一直不通过问题
weixin_42083974的博客
07-26 1150
"方法，解决了编辑时重新选择日期失效的问题 但是验证一直不通过，最后多次尝试结果如下 ，在编辑赋值时使用$set 方法 可以完美解决以上问题。项目中使用el-date-picker 遇到了编辑时 重新选择日期显示失效以及 校验一直不通过问题。尝试在el-date-picker标签中加入了@input="
Ant Design Vue a-range-picker 时间校验
最新发布
03-26
记得a-range-picker是日期范围选择器，校验通常可以通过表单验证机制来实现。 用户提到的v-decorator在之前版本中用于表单验证，但现在Ant Design Vue可能已经升级到使用v-model和composition API的方式了。需要...
如何将Ant Design中的a-date-picker组件设置为必填字段（required）?
11-28
在Ant Design的a-date-picker日期选择器组件中，如果你想将其设置为必填字段，你需要配合HTML5的`<input>`元素一起使用，并在该输入元素上添加`required`属性。虽然a-date-picker本身不是一个直接的表单控件，你可以...
a-date-picker 必填校验
02-13
对于 Ant Design 中的 `a-date-picker` 组件，实现必填项校验可以通过 Form 的字段装饰器来完成。下面是一个具体的例子展示如何设置日期选择器作为必填项并提供相应的错误提示消息。 ```jsx import React from '...
a-date-picker只能选择年份
09-06
a-date-picker 控件 是 ant-design-vue 提供的日期选择器组件。根据提供的代码，我们可以看到在 a-date-picker 控件中使用了 mode="year" 来指定只选择年份。 这样设置后，控件只会显示可选的年份，而不会显示具体的...
Day 143/200 Ant-Design 双日历格式校验失效
xinghuowuzhao的博客
08-30 192
1、问题是：已经上传了，但是还是报错。 （试了好多中办法，最后去掉name属性不报错了） 2、如果还是想在表单前面加上红色 * 号怎么办？ 在单个表单项上添加{require:true} 即可 <a-form-item label="起止日期" :rules="{required: true,message: '必填项',trigger: ['change']}"> <a-range-picker v-model:value="form.date...
antd-vue时间选择框TimePicker，日期、时间的禁用校验，开始时间不能大于结束时间，结束时间不能小于开始时间
qq_39532524的博客
12-01 4915
在我们使用时间选择框时，有时候会拆开分成单独的开始时间和结束时间，这样我们只能通过disabled时间来控制禁用时间，并且要满足开始时间和结束时间的互相限制。如果先选择了开始时间那么结束时间不能小于开始时间，如果先选择了结束时间那么开始时间不能大于结束时间。
解决ant-design Vue3.x中的date-picker弹出事件无效
ekko8847的博客
03-15 1017
MutationObserver的使用
关于iview组件库中的时间插件Date-picker的校验不过和提交格式不正确的解决方法
Mr_CZL的博客
10-24 1956
最近工作项目中使用到了iview组件库，再使用其时间组件Date-picker的时候出现问题。 1.时间选择上了以后，还是校验报错，验证通过不了，表单无法提交。 2.就算不加校验，默认提交的时间格式是这样子的，显然不是后台要求的格式‘yyyy-MM-dd HH:mm:ss‘ 即使你代码中加上了format="yyyy-MM-dd HH:mm:ss"，提交的时候也是上图的格式，仍...
ant-design-vue中a-date-picker组件只选择年份/含表单验证（已解决）
weixin_43242112的博客
06-11 1万+
ant-design-vue中a-date-picker组件只选择年份 今天遇到了在日期选择器中只选择年份的日期选择器，但是是使用的ant-design-vue，目前还没有只选择年份的日期控件，但是需求还是要实现，上代码： 在template中 <a-date-picker mode="year" placeholder="请选择年份" format='YYYY' :value='yearPick' :open='yearPickShow' @pane
ant-design日期选择器组件a-date-picker报错问题
weixin_56728548的博客
08-23 2539
ant-design日期选择器组件a-date-picker报错问题
antd中DatePicker 在修改弹窗中的校验问题
agua001的博客
04-22 1564
1、问题描述：在修改弹窗中回显日期，后台返回的是字符串，如果直接赋值，并且未改动过日期选择器，点击修改确认按钮，则会提示校验失败 <a-col :span="12"> <a-form-item label="启动时间："> <a-date-picker placeholder="请选择启动时间" v-decorator="['startTime', config]"> </a-form-item> </a-col> data(){
ant form动态字段 表单校验页面不标红
h5杂记
08-03 1534
问题如下 动态的设置form的值 点击保存时应该校验必选字段， 页面未标红提示， 但是控制台已经打印了错误如图2 期望正确的校验 图3 解决 定义 :selfUpdate=“true” 自定义字段更新逻辑，你可以通过 Form 的 selfUpdate 进行统一设置。当和 Form 同时设置时，以 Item 为准。 需 1.3.17 版本以上 ...
datePicker显示时间乱码现象
sinat_36521092的博客
11-01 2765
今天在用DatePicker时在设置了时间后获取时间时，获取到的时间的年月日 中日这个字段始终是乱码，后来是改了设置日期格式（[dateFormatter setDateFormat:@"YYYY-MM-dd"]; //设置日期格式）把DD改成了dd就可以了，蛋疼的现象...
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值