vue el-date-picker 日期选择 回显后值无法改变,并且无法删除

参考另一个大神写的:https://blog.csdn.net/weixin_42769637/article/details/107815831

情景描述(vue中,其他环境不清楚)

问题出现情况一、

写增加和修改功能,form一样,为了省事两个用了同一个form。在修改时,回显后的日期选择控件无法修改了。
测试后发现修改后的数据可以得到,也就是只是页面显示问题。

问题出现情况二、

就是在新增得时候给日期选择框设置默认值位当前时间得时候,也无法点击选择和删除这个初始值,我当时遇到得是这个情况

第二种应用场景得代码:

 

<el-date-picker
              style=" 135px !important"
              size="small"
              value-format="yyyy-MM-dd"
              v-model="rowData.startTime"
              type="date"
              placeholder="请选择"
            >
            </el-date-picker>


 for (let index = 0; index < this.tableData.data.length; index++) {
          // this.tableData.data[index].startTime = this.getNowFormatDate();
          // this.tableData.data[index].endTime = this.getNowFormatDate();
          this.$set(this.tableData.data[index],'startTime',getNowFormatDate())
          this.$set(this.tableData.data[index],'endTime',getNowFormatDate())
        }




/**
 * @description: 返回当前日期得字符串格式
 * @auther: 张琴
 */
export function getNowFormatDate() {
    let date = new Date();
    let seperator1 = "-";
    let year = date.getFullYear();
    let month = date.getMonth() + 1;
    let strDate = date.getDate();
    if (month >= 1 && month <= 9) {
        month =  month;
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = strDate;
    }
    let currentdate = year + seperator1 + month + seperator1 + strDate;
    return currentdate;
}

  

原文地址:https://www.cnblogs.com/web-aqin/p/14925793.html