正常一个列表有编辑和新增弹框,弹框里面有el-date-picker type=range (这是一个共用组件),如果先点击编辑,选择日期后,再去新增,这是会发现选择日期范围选择框选择不了,这时候可以把 公用的弹框组件用 template 包裹起来,加个v-if。
el-date-picker Reproduction Link Element Plus Playground Steps to reproduce 点击日期控件 选择面板顶部的年份或者月份 你将会看到value1值已经发生变化 What is Expected? 只有选择周的时候才更新v-model或者在面板关闭的时候如果没有选择周则不触发change事件 What is actually happening? v-model被立即变更,且如果...
<el-date-picker v-model="date_picker_value" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" @change="dateChange" unlink-panels range-separator="至" /> let date_picker_value = reactive(['','']) date_picker_value[0] = '2021-11-24...
win32/Chrome 53 Vue version 2.0.0-rc.6 Reproduction Link 日期测试 Steps to reproduce What is Expected? 一般后台传输时会格式化成字符,这样编辑日期时就显示为空了,而且选择日期后 v-model 的值还是 Date 格式,这样保存到服务器还需要重新转换一次,不知道你们是怎么处理这种情况的 合法时间的字符串初始值的...
在 <el-date-picker> 组件中使用 v-model="value3",意味着组件选中的日期值将与 Vue 实例中的 value3 数据属性进行双向绑定。当用户通过日期选择器选择一个日期时,value3 的值会自动更新为所选的日期;反之,如果 value3 的值在代码中发生变化,日期选择器也会相应地更新显示的日期。 type="year"属性...
解决方案:利用watch监听v-model <el-date-pickerv-model="searchForm.timeRange"type="datetimerange"value-format="yyyy-MM-dd HH:mm"range-separator="~"start-placeholder="开场"end-placeholder="时间"></el-date-picker> export default{data(){return{searchForm:{timeRange:[],...},...};},...}...
// 我的timeRange当前页面的值不会报错,我说的是这个v-model放当前页面的。你封装了一层,间接的表示timepicker里面修改了v-model的值么。 <el-date-picker v-model="timeRange" type="datetimerange" :picker-options="timeOptions" @keyup.13.native="search" placeholder="请选择时间范围"> </el-date-pi...
<el-date-pickerv-model="value6" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker> value6: ['2018-01-02','2018-01-09']element-uivue.js 有用关注2收藏 回复 阅读4.2k 1...
element-plus / element-plus Public Sponsor Notifications Fork 17.1k Star 24.8k Issue Open Check [TypeScript] [date-picker] el-date-picker type类型是type="years"时 v-model:model-value的ts类型不支持string[] #4325 Sign in to view logs Summary ...
<el-date-picker v-model="date_picker_value" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" @change="dateChange" unlink-panels range-separator="至" /> let date_picker_value = reactive(['','']) date_picker_value[0] = '2021-11-24...