最新elementui,el-data-picker回显修改不了，或回显不上解决办法

看了网上的文档，要么不全，要么不管用，麻烦，废话不多，直接上代码，如果不满足你的需求的话，自行修改

introForm的定义请自行定义，应该可以看得懂。

代码语言：javascript复制

<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>

代码语言：javascript复制

/**
 *日期时间改变
 * **/
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();
    });
},

data el

0 人点赞