1. 程式人生 > 其它 >vue el-date-picker 日期選擇 回顯後值無法改變,並且無法刪除

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