vue el-date-picker 日期选择 回显后值无法改变,并且无法删除
参考另一个大神写的:https://blog.csdn.net/weixin_42769637/article/details/107815831
情景描述(vue中,其他环境不清楚)
问题出现情况一、
写增加和修改功能,form一样,为了省事两个用了同一个form。在修改时,回显后的日期选择控件无法修改了。
测试后发现修改后的数据可以得到,也就是只是页面显示问题。
问题出现情况二、
就是在新增得时候给日期选择框设置默认值位当前时间得时候,也无法点击选择和删除这个初始值,我当时遇到得是这个情况
第二种应用场景得代码:
<el-date-picker style="width: 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; }