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

浙公网安备 33010602011771号