elementui的时间选择器赋值后,不能改变它的值

最新推荐文章于 2024-01-28 16:05:34 发布
原创 最新推荐文章于 2024-01-28 16:05:34 发布 · 8.5k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#elementui时间选择器初始化赋值后 #不能改变框内的值 #elementui的下拉框赋值后 #不能改变label值

本文探讨了在Vue项目中，使用el-date-picker组件时遇到的初始化时间设置问题。作者在created钩子中调用getNowMonth函数为搜索表单的开始时间和结束时间字段赋值，但发现无法清除或更改时间框内的值。通过定义searchForm对象中的kssj和jssj属性，并使用Vue.set方法赋值，成功解决了问题。

项目中有一个需求,在进入页面时给el-date-picker赋值一个初始时间.如图
在这里插入图片描述
created时执行getNowMonth函数
在这里插入图片描述
这时候页面赋值成功
在这里插入图片描述
但是这里不能清除,切换时间也不能改变时间框内的值
问题及解决方法:
data里的searchForm没有定义kssj和jssj,一开始我写的searchForm是一个空对象.
一定要定义一下,如图
在这里插入图片描述
还有第二种方法:
用Vue的set方法赋值,写法如下
this.$set(this.searchForm,‘kssj’, ‘你的值’)

vue2 - elementUI全国城市列表选择器组件，提供省市区联动选择器、选择地址省市区级联、复选框tree树状省份全部列出来勾选，支持数据懒加载节点动态加载（附带全国省市区县乡镇村json数据）
高级前端工程师
09-22 4815
vue2，element ui，城市选择器，省市区联动选择，Tree树组件列出省名称，全国省份列表，展开下级多级，vue2 elementUI实现省市区选择联动，地区选择器，把所有省份都展示出来，选择多个城市，省市区三级联动选择器，省市区json数据，树结构的城市列表，vue省市区tree树形级联，ElementUI级联和树形省市区，组件tree实现省市多级联动，vue省市区三级联动选择器，选择地址，选择地区，选择多个省市区、批量选择城市，选择当前位置，省市区数据懒加载，动态加载城市数据，插件，地址选择器组
el-date-picker 日期赋值选择回显后值无法改变，并且无法删除
妄想症患者的博客
10-27 3798
el-date-picker 日期赋值选择回显后值无法改变，并且无法删除
el-date-picker赋值之后无法修改问题
m0_74138212的博客
01-28 1104
项目中有一个编辑按钮，点击编辑后需要把接口返回的时间赋值给它，但是发现赋值之后无法修改时间了。记录一下自己的问题方便以后碰到及时查看。
vue el-date-picker 日期选择 回显后成功后无法改变的解决办法
coldriversnow的专栏
11-16 4964
写前端日期选择的时候遇到一个很奇怪的问题，回显赋值后再次修改无法更新数据。回显时 //用这个方法赋值。
elementUI 日期选择器赋值后无法更改日期-解决方案
weixin_61010608的博客
11-21 2162
elementUI 日期选择器赋值后无法更改日期--解决方案
ElementUI时间选择器赋值后无法改变
weixin_39939973的博客
07-30 3799
ElementUI时间选择器,传入时间之后无法改变 表格代码片段: // ElementUI的表格组件 <el-date-picker size="mini" style="width: 180px" default-value @change="limit_s
elementui 日期时间选择器时间赋值后台时间后，点击无法更改
weixin_42775357的博客
07-14 2335
需求是这样的： 数据渲染表格，表格里每行都有一个“编辑”按钮，点击拿到当前点击行的信息，并弹窗展示该行信息，并可编辑，其中有一项就是有效期，该项用到element ui 的日期时间选择器，type设置为datetimerange，但是！给日期时间控件添加了当前行内的日期后，点击重新更改日期，model是拿到最新值了，view没有拿到，点击确定后展示的还是旧的值，看了一些参考文章，得出代码： html： <el-date-picker v-model="templateList.rangedate"
elementUI 2.x：单选框控制日期选择器的切换
lalala_dxf的博客
11-03 1374
使用ElementUI进行几个日期选择器之间的切换时，发现弹出框位置出错
elementui 2.0日期选择 第一次给日期自动赋值后再次选择数据选不中
最新发布
12-12
然后在修改值后，改变refreshKey的值： ```javascript this.dateRange = [new Date('2020-01-01'), new Date('2020-01-31')]; this.refreshKey = Math.random(); // 或者使用时间戳 ``` 但是，强制重新渲染...
使用vue2 elementui 级联选择器选中值如何与后端 API 查询的省、市、区数据进行绑定？
09-16
在 Vue2 和 ElementUI 中实现级联选择器与后端 API 的省市区数据绑定，需要结合数据加载、值绑定和事件处理三个方面。以下是完整实现方案： ### 一、核心实现步骤 #### 1. 组件配置（模板部分） ```html v-model...
解决select 下拉框选择器 input输入框 、时间日期选择器el-date-picker 赋值后，出现无法修改选中更改问题
凉城玖的博客
01-13 3619
ElementUI时间选择器,传入时间赋值后之后无法改变 // ElementUI的表格组件 <el-date-picker size="mini" style="width: 180px" default-value @change="limit_search
vue el-date-picker回显问题和回显之后值无法改变的问题
热门推荐
java小白白之没有最白的博客
11-09 12万+
如题，遇到这种问题直接用this.$set()传值就可以了 具体如下 el-date-picker组件 <el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form-item label="上课时间" prop="manageTime"> <el-date-picker clearable="true"
elementUI el-time-picker重新赋值之后，再选择日期不更新问题
Z姑娘早安
09-14 1680
拿到编辑数据赋值给time-picker的v-model async handleEdit(index, row) { this.editType = row.itemType const data = await fetchDomainItemQueryById ({clusterId: this.treeNode.id,itemType: row.itemType,itemId: row.itemId}) this.form = data.data
el-date-picker时间选择器修改时间无效
找师父的小白的博客
12-15 1万+
el-date-picker时间选择器修改时间无效 前言 最近项目当中需要编辑时间的需求，同事小姐姐在修改的时候发现值已经改变，但是页面并没有更新，问了我，我也是第一次遇见这个问题 <el-date-picker v-model="value1" type="monthrange" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker> 经过我一番百
elementUI的DateTimePicker设置了默认时间后无法修改时间
yy_demo的博客
07-24 1436
elementUI的DateTimePicker设置了默认时间后无法修改时间
element中select、DateTimePicker等组件，页面初始化设值后无法再赋值的问题
前端开发一枚
02-19 786
问题场景：页面初始化时给组件中data中的值绑定数据，再次设置时组件无效 通过this.$set设值即可解决
【前端】使用element时间选择器el-date-picker赋值无效解决方式
大白菜啊
04-21 1万+
解决element时间选择器el-date-picker赋值无效解决方式 value-format设定格式是 YYYY/M/D ，那么月份和日期分别是1-12、1-31 <el-date-picker v-model="operateDate" type="daterange" range-separator="To" start-placeholder="Start date" end-placeholder="End date"
问题：datetimepicker 选中时间后，input框没有值
天蓝丶彼岸的博客
10-11 5970
问题描述：bootstrap模态框中用到datetimepicker，点击确定时间后，input框中没有值 原因：首先，模态框在关闭前我把form表单中的数据重置了 //模态框 关闭事件 $('#roadSectionAddOrUpdateModel').on('hide.bs.modal', function () { $('#roadSectionAUForm'...
vue之element日期选择器设置初始值后修改失效
qq_38734862的博客
04-30 6160
代码截图： 这样赋值后发现时间改变不了了，@chang事件也不会响应，然后我以为是赋值时new Date()的问题去除了还是不行，网上很多人是这么指导的，但是他们基本都是和官方案例一样，不是写在对话框内的，就是单独一个时间选择器这样的话直接this.formInline.dataTime = [res.startTime, res.endTime]赋值就可以了，改变也是没问题的。 那么如果...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值