el-date-picker中value-format=“yyyy-MM-dd”无法重新选择的原因

于 2025-04-03 14:49:16 发布
阅读量162 收藏
点赞数 3
分类专栏： elementui 工作遇到的bug 文章标签： elementui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dy1717/article/details/146980852
版权

问题描述：value-format设置为yyyy-MM-dd时，清空日期选择器 重新选择日期无法选择，回填不上日期。

百度原因解释：

value-format 属性定义了 v-model 绑定的日期值的格式。当你设置了 value-format="yyyy-MM-dd" 时，v-model 接收到的是一个字符串，而不是 Date 对象。如果你在选择日期时没有正确处理这些字符串和 Date 对象的转换，可能会导致日期选择框无法正常工作或无法重新选择日期。

解决方法：

value-format的值更改为“YYYY-MM-DD”，就可以实现勾选回填了

Vue3 - Element Plus 日期选择器 el-date-picker 设置默认值功能，使用 default-value 对选择器的默认日期进行设置（解决设置默认值后不起作用、无效怎么办）
王佳斌
03-05 7730
vue3，elementplus，el-date-picker，日期选择器，DatePicker，element-plus日期选择器default-value用法，日期选择器default-value设置默认值不起作用，elementPlus日期选择器default-value属性详细教程，default-value赋值newDate没有变化不生效怎么办，设置后不生效，el-date-picker设置default-value后没有生效怎么办，日期选择器打开时默认显示的时间，设置默认不起作用，怎么一打
Vue - ElementUI el-date-picker 周日期选择器(type=week)，获取开始和结束的年月日、当前选择日期的周数等，支持将选择范围修改为 “礼拜一到礼拜日“（提供示例源码）
王佳斌
03-13 4836
vue，element-ui，DatePicker日期选择器，vue2elementUI日期选择器选择一周7天的数据格式怎么拿到，el-date-picker设置type等于week后怎么设置format属性，format和value-format怎么设置，范围选择器周，一周，选择一周7天时间，el-date-picker，周，type=week，周选择器，面板显示周数，显示第n年第n周数据，详细示例代码教程，elementui官方文档，vue2element-UI日期时间选择器怎么设置week周选
Web前端之Vue3+TypeScript+Element-Plus使用日期时间的el-date-picker组件时间少8个小时的解决方案、format和value-format的区别、时区问题
优快云博客主页地址：https://mengjian.blog.youkuaiyun.com/
03-15 2388
Web前端之Vue3+TypeScript+Element-Plus使用日期时间的el-date-picker组件时间少8个小时的解决方案、format和value-format的区别、时区问题
ant- a-data-picker中的 format=“YYYY-MM-DD“ value-format=“YYYY-MM-DD
岂不闻
02-11 333
a-data-picker中的 format="YYYY-MM-DD" value-format="YYYY-MM-DD
elementui的el-date-picker组件：format和value-format属性运用
热门推荐
weixin_45121510的博客
09-03 3万+
format: 显示在输入框中的格式（默认为yyyy-MM-dd HH:mm:ss） value-format: 可选，绑定值的格式（不指定则绑定值默认为 Date 对象) eg↓ <el-date-picker v-model="searchParams.dateChar" @change="dateChange" :clearable="false" type="datetimerange"
el-date-picker 设置值输出格式
weixin_43159039的博客
08-21 2460
在请求后端的时候因为日期格式不对导致后端请求报错这个时间如果需要转换成时间格式还是比较费劲的。
【ElementUi中el-date-picke的使用--之format和value-format】
XJMTCSZJing的博客
10-20 3406
ElementUi中el-date-picke的使用--之format和value-format
value-format=“yyyy-MM-dd HH:mm:ss“
malanjun11的博客
10-24 1588
value-format=“yyyy-MM-dd HH:mm:ss”
el-date-picker设置 1value-format=“yyyy-MM-dd HH:mm:ss“ 2format=“yyyy-MM-dd HH:mm:ss“
jieweiwujie的博客
11-08 1581
el-date-picker
el-date-picker样式value-format=YYYY年MM月DD日
11-08
el-date-picker样式value-format可以设置为YYYY年MM月DD日，只需要将value-format属性的值设置为'YYYY年MM月DD日'即可。例如：value-format='YYYY年MM月DD日'。这样设置后，选择日期后显示的日期格式就会变成YYYY年...
<el-date-picker v-model="daterangeAutoTimeStrat" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss" type="datetime" placeholder="开始时间" ></el-date-picker>拿到的值为2
最新发布
03-23
`el-date-picker`默认要求绑定的值为`Date`对象或符合`value-format`指定格式的字符串。若直接绑定数字（如`2`），会导致组件无法解析时间[^1]。 2. **未设置`value-format`属性** 如果期望绑定时间字符串（如`...
(el-Date-Picker)操作(不使用 ts)：Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
狮子座的男孩
08-08 1385
注意：此时是手动切换过日期的值，否则下发的数据依旧是。注意：此时是手动切换过日期的值，否则下发的数据依旧是。注意：此时是手动切换过日期的值，否则下发的数据依旧是。注意：此时是手动切换过日期的值，否则下发的数据依旧是。注意：此时是手动切换过日期的值，否则下发的数据依旧是。注意：此时是手动切换过日期的值，否则下发的数据依旧是。注意：此时是手动切换过日期的值，否则下发的数据都是。注意：此时是手动切换过日期的值，否则下发的数据都是。注意：此时是手动切换过日期的值，否则下发的数据都是。
element-ui el-date-picker日期选择器 value-format问题
m0_73199810的博客
12-30 1575
element-ui el-date-picker日期选择器 value-format问题
el-date-picker中value-format=“yyyy-MM-dd“后无法选择日期问题
2301_81079693的博客
12-07 224
el-date-picker v-model="formData.examDate" type="date" placeholder="选择考试日期" value-format="yyyy-MM-dd" /><el-date-picker v-model="formData.examDate" type="date" placeholder="选择考试日期" value-format="YYYY-MM-DD" />源代码为这样，无法选择日期。
element-ui 时间格式 value-format=“yyyy-MM-dd HH:mm:ss“
m0_63476377的博客
12-27 2633
在时间选择器里面写上value-format="yyyy-MM-dd HH:mm:ss" "yyyy-MM-dd HH:mm:ss" " HH:mm:ss"
ElementUI日期转为“yyyy-MM-dd“格式
vvv3171071的博客
11-23 8183
一般情况下，我们需要给后台的时间格式是： “yyyy-MM-dd” 但是使用Element ui日期选择器DatePicker获取的值是这样的： Thu Nov 04 2021 00:00:00 GMT+0800 (中国标准时间) 在官方文档中，有提到可以使用value-format 日期格式我们采用"yyyy-MM-dd"，此时，我们只需在时间选择器上加value-format="yyyy-MM-dd"的属性就可以了 若使用的是选择日期范围型的DatePicker，返回的时间值为一个数组
日期格式：字符串截取跟字符串替换 value-format=“yyyy-MM-dd“
m0_60608114的博客
03-09 1062
quaryconsumption(){ let token = getToken(); let userid = localStorage.getItem("userId"); let schoolname = this.schoolName; getOrderListBySchoolName({token:token,userid:userid,schoolname:schoolname,}).then((res) =>{ ...
Element ＜el-date-picker＞默认日期/默认日期样式/值的格式/显示格式修改/日期禁用/快速选择
不停
08-18 4782
1. Code <el-date-picker v-model="startTime" type="date" :picker-options="pickerOptions" placeholder="Starts On" :clearable="false" :format="`${date} ~ yyyy/MM/dd`" :valu
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值