最新elementui,el-data-picker回显修改不了,或回显不上的解决办法
- 2020 年 3 月 11 日
- 筆記
看了网上的文档,要么不全,要么不管用,麻烦,废话不多,直接上代码,如果不满足你的需求的话,自行修改,introForm的定义请自行定义,应该可以看得懂。
<el-col :span="24"> <el-date-picker v-model="introForm.date" type="daterange" @input="daterangeChange" format="yyyy-MM-dd" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"> </el-date-picker> </el-col> <el-col :span="24"> <el-date-picker v-model="introForm.datetime" type="datetime" @input="datetimeChange" format="yyyy-MM-dd HH:ss" value-format="yyyy-MM-dd HH:ss" placeholder="选择日期时间"> </el-date-picker> </el-col>
/** *日期时间改变 * **/ datetimeChange(e){ console.log(e) let _this =this _this.introForm.datetime = e _this.$forceUpdate(); }, /** * 开始日期-结束日期改变 * **/ daterangeChange(e){ let _this =this console.log(e) _this.$nextTick(() => { _this.$set(_this.introForm, "date", [e[0], e[1]]); _this.$forceUpdate(); }); },
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1uvaer0usuq9w